Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time
January 9, 2022 10:09
October 2, 2023 13:50
October 2, 2023 13:50
October 2, 2023 13:50
January 9, 2022 10:08
January 9, 2022 10:08
November 25, 2021 20:56
January 8, 2022 19:51



Documentation is available here.


Solid-Bootstrap is a port of React-Bootstrap for SolidJS.

This is a complete implementation of the Bootstrap 5 components using SolidJS. It has no dependency on either bootstrap.js or jQuery. If you have SolidJS setup and Solid-Bootstrap installed, you have everything you need.

Getting started

  1. Create a new SolidJS website per Solid's documentation (if you don't have an existing site).
  2. Add the Bootstrap 5 CSS to index.html per Bootstrap's documentation.
  3. Install solid-bootstrap with npm, yarn, pnpm, etc...
> npm install solid-bootstrap

Tip! You may need to clear out some CSS in the default SolidJS template to get the full Bootstrap experience.

Porting approach

We have changed as little as possible while porting this code.


  • The goal is to capture all of the proven behaviour of React-Bootstrap, @restart/ui (core) and related projects.
  • Keep the source file structure the same.
  • Keep the source code as similar as possible to enable future commits to the original projects to also be pulled into this project.
  • Enable validation of the porting approach using a side-by-side comparison between the ported SolidJS code and the original implementation.