awesome-react-bootstrap-components icon indicating copy to clipboard operation
awesome-react-bootstrap-components copied to clipboard

⚛️ React.js components made using 🅱️ Bootstrap

New! UI1.io – Build a custom UI Kit and export to Sketch and Bootstrap theme

Awesome React Bootstrap Components Awesome

React.js components made using Bootstrap

Most of the following components rely on react-bootstrap, you can check out their default components over here.

Also take a look at classNamed, it's the easiest way to create your own react component using bootstrap classes and utilities.


Image Cropper

demo

Easy Dialog

react-bootstrap-easy-dialog demo

Dialog

React bootstrap dialog demo

Confirmation

react-bootstrap-confirmation demo


Date picker

React bootstrap Date picker demo


Off-canvas Navbar 3⃣ 4️⃣

Off-canvas Navbar demo


International telephone input 4️⃣

International telephone input demo


Typeahead autocomplete 4️⃣

React bootstrap Typeahead autocomplete


Sweet alert 3⃣

React bootstrap sweet alert demo


Tabs

React bootstrap tabs demo example


Date range picker 3⃣

React bootstrap date range picker demo


Select 3⃣

React bootstrap select demo ---

Switch ️3⃣

React bootstrap switch


Slider ️3⃣

React bootstrap slider


Table 3⃣ 4️⃣

React bootstrap table screen

Button loader

React bootstrap button loader


React router integration

<LinkContainer to="/foo/bar">
  <Button>Foo</Button>
</LinkContainer>

Contribute

Contributions welcome!

License

CC0

To the extent possible under law, Herman Starikov has waived all copyright and related or neighboring rights to this work.