The Most Popular React Bootstrap components
1. React Bootstrap Timezone Picker
Time zone picker for react-bootstrap.
Demo: https://yury-dymov.github.io/react-bootstrap-timezone-picker/
2. Bootstrap Custom File Input
A little plugin which makes Bootstrap 4 custom file input dynamic with no dependencies.
Features:
- Works with Bootstrap 4
- Works without dependencies and jQuery
- Display file name
- Display file names for
multipleinput - Reset your custom file input to its initial state
- Handle form reset
- Allow custom selectors for input, and form
- Allow to drag and drop files
- Allow you to change the default display with a child in the
<label>element - Built in UMD to be used everywhere
- Small, only 2kb and less if you gzip it
3. Bootstrap/React twitter clone
A Twitter clone (in layout only) React app utilizing Bootstrap 4 & FontAwesome for styling. The data is pulled from the JSON Placeholder service.
A great exercise in passing data from an API down through a React app!
4. React Bootstrap Carousel
This project support carousel components built with React.
5. React Bootstrap Typeahead
A React-based typeahead that relies on Bootstrap for styling and was originally inspired by Twitter’s typeahead.js. It supports both single- and multi-selection and is compliant with WAI-ARIA authoring practices.
Please note that documentation and examples apply to the most recent release and may no longer be applicable if you’re using an outdated version.
6. React Bootstrap Dropdown Menu
A simple Dropdown Menu for React. Commonly used as a ‘User Settings’ menu on websites where users login.
7. React Bootstrap Table
React Bootstrap Table will stop develop new feature and move to react-bootstrap-table2, but keep to fix critical bugs.
Features
- Striped, borderless, condensed table
- Column align, hidden, width, sort, title, styling, customization
- Table scrolling
- Cell format
- Pagination
- Row selection
- Table Search, Column filter
- Cell editor
- Insert & delete Row
- Export to CSV
- Rich function hooks
- Header column span
- Remote mode
- Row expand
- Key board navigation
8. React Bootstrap Table 2
Note that react-bootstrap-table2’s npm module name is react-bootstrap-table-next due to the name being already taken.
9. React UI
A collection of components for React, base on bootstrap 4.0.
10. Simple React Bootstrap
Simple and slim React bindings for those Bootstrap components which modify the DOM. Includes Modal, ButtonDropdown, and NavBar.
11.React Bootstrap Tab
React Bootstrap Tab example with basic usage.
Live Demo
https://codepen.io/lemanse/pen/ZbwJxe?limit=all&page=8&q=react
12.React Tabs with Bootstrap
simple example of a tab navigation built with React.
Live Demo
https://codepen.io/amwill/pen/qOMyEp?limit=all&page=8&q=react
13.React Bootstrap
Bootstrap 3 components built with React.
Under active development - APIs will change. Check out the 1.0.0 roadmap and contributing guidelines to see where you can help out. Prior to the 1.0.0 release, deprecations or breaking changes will result in a minor version bump.
React Bootstrap
live demo http://react-bootstrap.github.io/
View on GitHub
14.React bootstrap datetime picker
This project is a port of https://github.com/Eonasdan/bootstrap-datetimepicker for React.js
live demo
A react.js datetime picker for bootstrap http://dev.quri.com/react-bootstrap-datetimepicker/
Suggest:
☞ JavaScript Programming Tutorial Full Course for Beginners
☞ Learn JavaScript - Become a Zero to Hero
☞ E-Commerce JavaScript Tutorial - Shopping Cart from Scratch