@bootstrap-wc/components

Bootstrap 5 as framework-agnostic Web Components. Think react-bootstrap without the React dependency — works in React, Vue, Angular, Svelte, Astro, HTMX, Rails, or plain HTML.

npm install @bootstrap-wc/components lit

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3/dist/css/bootstrap.min.css" />
<script type="module">import '@bootstrap-wc/components';</script>

<bs-button variant="primary">Click me</bs-button>
<bs-modal heading="Hello">Modal body</bs-modal>

Tree-shaking

Import only what you use:

import '@bootstrap-wc/components/button';
import '@bootstrap-wc/components/modal';

Included components

30+ components across forms, navigation, overlays, feedback, disclosure, and content. See the full docs for each component's API, events, and examples.

Prefer to own the source?

Use the bwc CLI to copy the TypeScript source into your project (shadcn-style):

npx @bootstrap-wc/cli init
npx @bootstrap-wc/cli add button modal input