Build beautiful UIs
with Svelte 5
38+ accessible, customizable components built on bits-ui, styled with Tailwind CSS 4, fully type-safe TypeScript. Style the way you want.
Loved by 500+ developers
*Only peer dependencies: Svelte 5, Tailwind CSS 4, bits-ui
Everything you need, nothing you don't
A focused component library designed for developer experience, accessibility, and visual polish.
Svelte 5 Runes
Built with runes, snippets, and the new reactivity model for blazing-fast performance.
OKLCH Colors
Perceptually uniform color system with 8 semantic scales and automatic dark mode.
Accessible
Built on Bits UI primitives. WAI-ARIA compliant with keyboard navigation and screen reader support.
Tailwind CSS 4
Styled with Tailwind CSS 4 and Tailwind Variants for type-safe composable styling.
38+ Components
From buttons to calendars, modals to menus. Everything for production-ready interfaces.
Fully Typed
Complete TypeScript support with exported prop types, variant types, and slot definitions.
A component for every need
38+ production-ready components with variants, colors, and full TypeScript support.
Buttons & Badges
Form Controls
Users & Avatars
Feedback & Progress
Navigation
Live preview of your component renders here.
Live preview of your component renders here.
Timeline & FAQ
Up and running in minutes
Three simple steps to start building with SV5UI.
npm install sv5ui@import 'tailwindcss';
@import 'sv5ui/theme.css';
@custom-variant dark (&:where(.dark, .dark *));<script lang="ts">
import { Button, Card } from 'sv5ui';
</script>
<Card>
<Button variant="solid" color="primary">
Hello SV5UI!
</Button>
</Card>Ready to build something amazing?
Start using SV5UI today. Open source, free forever, and built for the modern web.