bootstrap-webcomponents | Vaadin

[WiP] Rewrite of bootstrap components as web components.

Bootstrap Web Components

CircleCI npm version npm bundle size (minified + gzip)

� Status: In Development

Components get implemented as needed. PRs welcome!

Rewrite of bootstrap components as web components. See the demo for all implemented features.


This isn't just a webcomponents wrapper around the bootstrap css, this aims to be a clean and simple rewrite easily understandable to everyone new to the webcomponents standards.

  • No build chain / preprocessors
  • allow easy theming via css custom properties
  • provide a clear api to end users in the form of attributes
  • Use web standards over big libraries where possible (even if that means loosing compatibility eg. dialog element)
  • Provide support to projects to include polyfills and buildsteps for the above points


npm install @morbidick/bootstrap


Import into your module script:

import { BsButton, BsBadge } from "@morbidick/bootstrap/elements.js"

Alternatively, load a bundled version from CDN:

<script src=""></script>

Use it in your web page:

<bs-button href="#link">Click Me</bs-button>
<bs-badge class="warning">warning</bs-badge>


View the contributing notes for instructions and further resources.


Link to this version
ImportedReleased 05 February 2019MIT License
Framework Support
Browser Independent
Install with
npm install @morbidick/bootstrap"@0.4.2"
Run the above npm command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 0.4.2


  • @morbidick/lit-element-notify#^1.0.0
  • lit-element#^2.0.1
  • lit-html#^1.0.0
  • rimraf#^2.6.3