Skip to content
Bootstrap Stenciljs Web Components
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode scrollspy WIP Sep 20, 2018
docs doc fix Oct 2, 2018
src cleaning Oct 1, 2018
tests fixed button bug Sep 29, 2018
.eslintrc.js scrollspy WIP Sep 20, 2018
.gitignore no js in docs folder Sep 14, 2018
LICENSE Reinventing the wheel again Aug 6, 2018
package.json pub issue Sep 30, 2018
tsconfig.json Reinventing the wheel again Aug 6, 2018



BS-Components is a Web Component replacement for the jQuery bootstrap plugins. It works across multiple JavaScript frameworks including Plain JS, React, Vue, and Angular.

BS-Components was written because of a frustration about how Bootstrap is implements differently in the different JavaScript Frameworks. As web developers we know how to write HTML and the solutions for React, Angular, and Vue all put a layer between the developer and the HTML. The main goal of BS-Components is to put the developer as close to writing plain html while retaining the functionality of the Bootstrap components. The BS-Components are implemented the same way across the different technologies.

The BS-Components were designed to be as close to the Bootstrap jQuery plugin components as possible. Except they have had attributes added so that framework props can be used to pass data to them and Because jQuery is not used the events that the Web Components use can be listened to using the normal JavaScript framework listeners.

Note: This project does not support browsers older than IE11.

See documentation for installation and getting started instructions

Built Using:

Tests Using:


  • Documentation
  • Example projects - (Angular is still WIP)
  • tooltip - run tests using: yarn test-bs-tooltip
  • popover - run tests using: yarn test-bs-popover
  • button - run tests using: yarn test-bs-button
  • modal - run tests using: yarn test-bs-modal
  • dropdown - run tests using: yarn test-bs-dropdown
  • collapse - run tests using: yarn test-bs-collapse
  • alert - run tests using: yarn test-bs-alert
  • tab - run tests using: yarn test-bs-tab
  • scrollspy - run tests using: yarn test-bs-scrollspy
  • carousel not planned currently but maybe later

For all of the other bootstrap components a web component solution is not needed because they can be done with normal html and css. Use the bootstrap webpage component documents.

Note: bootstrap forms do tend to use some javascript validation to show or hide tooltip helpers. These do not have methods that are provided by bootstrap.js so this project will not have web component counterparts.

You can’t perform that action at this time.