The Most Popular React Bootstrap components

The Most Popular React Bootstrap components

  • 1364

The Most Popular React Bootstrap components .Time zone picker for react-bootstrap.A little plugin which makes Bootstrap 4 custom file input dynamic with no dependencies.A Twitter clone (in layout only) React app utilizing Bootstrap 4 & FontAwesome for styling. The data is pulled from the JSON Placeholder service.

1. React Bootstrap Timezone Picker

Time zone picker for react-bootstrap.

Timezone Picker

Demo: https://yury-dymov.github.io/react-bootstrap-timezone-picker/

View on Github

2. Bootstrap Custom File Input

A little plugin which makes Bootstrap 4 custom file input dynamic with no dependencies.

Custom File Input

Features:

  • Works with Bootstrap 4
  • Works without dependencies and jQuery
  • Display file name
  • Display file names for multiple input
  • 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

View on Github

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.

Carousel

View on Github

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.

Typeahead

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.

View on Github

6. React Bootstrap Dropdown Menu

A simple Dropdown Menu for React. Commonly used as a ‘User Settings’ menu on websites where users login.

Dropdown Menu

View on Github

7. React Bootstrap Table

React Bootstrap Table will stop develop new feature and move to react-bootstrap-table2, but keep to fix critical bugs.

Table

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

View on Github

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.

Table 2

View on Github

9. React UI

A collection of components for React, base on bootstrap 4.0.

UI

View on Github

10. Simple React Bootstrap

Simple and slim React bindings for those Bootstrap components which modify the DOM. Includes Modal, ButtonDropdown, and NavBar.

Simple

View on Github

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

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/