Bootstrap-compatible
Component props and generated markup are designed to stay close to Bootstrap conventions.
Svelte 5 · Bootstrap 5 · TypeScript
Bootstrap 5 components for Svelte 5
@winkintel/bootstrap-svelte provides Bootstrap 5 components for Svelte 5 and SvelteKit with TypeScript-friendly, runes-ready APIs.
Add Bootstrap CSS in your app; Bootstrap JavaScript is not required.
Bootstrap styling, Svelte ergonomics. Live
Typed component APIs
RunesCompose forms, overlays, navigation, tables, and feedback patterns.
26 documented components
Svelte 5 peer dependency
TypeScript generated definitions
Bootstrap 5 design language
Start here
Installation
Add the package with Bootstrap. Svelte ^5.29.0 is a peer dependency, so keep your app on Svelte 5 separately from the package install
command.
1 Install
pnpm add @winkintel/bootstrap-svelte bootstrap
Peer dependency: svelte: ^5.29.0
2 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
Everything in the box
Every route ships live examples, usage snippets, an interactive playground, and API notes.
Layout
Components
Direction
Design principles
The showcase is structured to make public package review fast: installation first, examples second, and API details close by.
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.