Svelte 5 · Bootstrap components

Bootstrap components, rebuilt for Svelte.

Bootstrap Svelte packages a focused set of Bootstrap-compatible UI primitives for Svelte 5 apps, with live examples and package-local documentation built into this showcase.

Browse components Install package

35 documented routes

Svelte 5 peer dependency

TypeScript generated definitions

Bootstrap 5 design language

Start here

Installation

Add the package and import Bootstrap CSS from your app entry point or stylesheet pipeline.

Install

            
            pnpm add @winkintel/bootstrap-svelte
pnpm add svelte@~5.0.0

Use

            
            <script>
  import { Alert, Button, Card, Modal } from '@winkintel/bootstrap-svelte';
</script>

<Alert colorVariant="primary" isDismissible>
  Ship Bootstrap-native interfaces with Svelte 5.
</Alert>

Explore

Featured components

Jump into the component pages for live examples, usage snippets, and API notes.

Accordion View examples →Alert View examples →Badge View examples →Breadcrumb View examples →Button View examples →Button Group View examples →Card View examples →Carousel View examples →

Direction

Design principles

The showcase is structured to make public package review fast: installation first, examples second, and API details close by.

Bootstrap-compatible

Component props and generated markup are designed to stay close to Bootstrap conventions.

Svelte-native

Use Svelte 5 components, snippets, bindings, and TypeScript-friendly public APIs.

Docs as playground

The package-local SvelteKit app is both documentation and a live component showcase.

What to review

Review the license, npm package metadata, component API consistency, accessibility notes, and showcase visual direction.

Open first component