React Bootstrap 5 Slider component

Responsive React Sliders built with Bootstrap 5. Range slider bar with label or a carousel image slider? No matter what you are looking for, we've got you covered.

Range Slider

If you were looking for something that looks like the "slider" below, check out the Range Slider documentation, for more examples & customization options for this component.

        import React from "react";
        import { MDBRange } from "mdb-react-ui-kit";
        export default function App() {
          return (
            <MDBRange defaultValue={50} id="customRange" label="Example range" />