Beautiful UI components and page blocks for Svelte 5. Copy the code, paste into your project, and ship.
From individual components to complete page blocks. Ship faster with ready-to-use code.
Buttons, inputs, modals, cards, and more. Everything you need to build interfaces.
Hero sections, features, pricing, testimonials, footers, and complete page sections.
Smooth transitions, micro-interactions, and engaging motion effects.
Beautiful data visualizations with line, bar, pie, area charts and more.
Interactive maps with deck.gl for geospatial data visualization.
Every design decision optimized for developer experience and end-user performance.
Leveraging runes, fine-grained reactivity, and the latest Svelte features for optimal performance.
Modern utility-first styling with the latest Tailwind CSS features and OKLCH color support.
No npm packages to install. Copy component code directly into your project. You own it completely.
<script>
import { Switch } from '$lib/components/elements/switch';
let checked = $state(false);
</script>
<!-- Basic switch -->
<div class="flex items-center justify-center p-8">
<Switch bind:checked aria-label="Enable two-factor authentication" />
</div>
No packages to install, no version conflicts, no breaking updates. Copy the source code into your project and customize everything. The switch shown here is a live component from the library, next to its exact shipped source.