React Bootstrap

React Bootstrap rebuilds the Bootstrap component set as native React components. It uses the standard Bootstrap stylesheet, so existing Bootstrap themes can be used with it.

Each component is written in React and does not depend on jQuery or the Bootstrap JavaScript. You keep the familiar Bootstrap classes and layout, but get React props and state handling in return. The project is one of the older React component libraries and has grown alongside React over many years. Because the look comes from the Bootstrap stylesheet, custom styling follows the same conventions you already know from Bootstrap, and most changes happen in your own CSS or theme files.

• Components built from scratch for React
• Uses the standard Bootstrap stylesheet
• No jQuery or Bootstrap JavaScript needed
• Broad coverage of forms, layout and components
• Accessible defaults for each component

Teams with an existing Bootstrap design who want to move to React without redoing their styles. Developers who like Bootstrap class names and want a React API that matches them.

The project is open source under the MIT license, so it is free to use. The docs currently show version 3.0.0-beta.5, which is built on Bootstrap 5, so check the version you plan to install before starting a project. Because it relies on the Bootstrap stylesheet, you get Bootstrap's visual decisions by default and need to override them if your design differs.