2,065+ Free Components Available

Build stunning Svelte apps faster

Beautiful UI components and page blocks for Svelte 5. Copy the code, paste into your project, and ship.

Svelte 5
Tailwind v4
TypeScript
1,248
Elements
179
Animations
82
Charts
35
Maps
521
Blocks
Why Svelto UI

Built for the modern web

Every design decision optimized for developer experience and end-user performance.

Built for Svelte 5

Leveraging runes, fine-grained reactivity, and the latest Svelte features for optimal performance.

Tailwind CSS v4

Modern utility-first styling with the latest Tailwind CSS features and OKLCH color support.

Copy & Paste

No npm packages to install. Copy component code directly into your project. You own it completely.

MyComponent.svelte
<script>
  import { Button } from '$lib/components/ui/button';
  import { Card } from '$lib/components/ui/card';
</script>

<Card.Root>
  <Card.Header>
    <Card.Title>Welcome</Card.Title>
  </Card.Header>
  <Card.Content>
    <Button>Get Started</Button>
  </Card.Content>
</Card.Root>
Zero Config

Own your components

No packages to install, no version conflicts, no breaking updates. Copy the source code into your project and customize everything.

  • Full control over styles and behavior
  • No dependency bloat in your bundle
  • Customize components to your needs
  • TypeScript and JSDoc support included