Blue React

React component library based on Bootstrap 5

10.0.0

Do you want to load external content from Stackblitz?

It will contain a live editor, which lets you edit a demo app with Blue React.

Open content in new tab Privacy Policy by Stackblitz

Create new project with Vite

To quickly getting started, you can use the template with Vite, React, TypeScript and Blue React.
You can use degit to create a new project with this command:

npx degit bruegmann/vite-template-blue-react name-of-my-app

Create new project using CRA

Create React App isn't under active development anymore. For new projects you should consider using Vite instead.

npx create-react-app@latest name-of-my-app --template blue

Install to existing project

npm i blue-react

An adapted Bootstrap is mainly used for the stylesheet.
Bootstrap documentation is available here: https://getbootstrap.com/docs/

To use Bootstrap components with JavaScript functions in React, you should use a library like React Bootstrap.

See the whole project: https://github.com/bruegmann/vite-template-blue-react

Blue React

Do you want to load external content from Stackblitz?

Use Blue React

Create new project with Vite

Create new project using CRA

Install to existing project

Bootstrap

Implementation

App (App.tsx)

Page (pages/HomePage.tsx)

CSS (main.scss)