Build amazing
Svelte apps

Beautiful RetroUI component library for Svelte. Copy-paste components directly or install via CLI with 40+ components, 16 themes, and endless possibilities.

Terminal
$ npx shadcn-svelte@latest add https://retroui-svelte.netlify.app/r/button.json
✓ Component installed successfully!
Ready to build beautiful Svelte apps in minutes

Why Choose RetroUI Svelte?

Built specifically for Svelte with modern development practices and beautiful design patterns.

Copy-Paste Ready

Components you can copy-paste directly or install via CLI. No complex setup required.

Tailwind Based

Fully customizable with Tailwind CSS. Override any style with utility classes.

Type Safe

Full TypeScript support for all components with excellent IntelliSense.
Component Preview
<script>
  import * as Button from "$registry/ui/button";
  import * as Card from "$registry/ui/card";
</script>

<Card.Root class="w-80">
  <Card.Header>
    <Card.Title>RetroUI Components</Card.Title>
  </Card.Header>
  <Card.Content class="space-y-4">
    <p class="text-sm text-muted-foreground">
      Beautiful, accessible components ready to use.
    </p>
    <Button.Root class="w-full">
      Get Started
    </Button.Root>
  </Card.Content>
</Card.Root>

Beautiful Svelte Components

Over 40+ carefully crafted components built for Svelte with shadcn-svelte. Copy, paste, and customize to your heart's content.

Form Components

Button Variants

Badge Collection

Default Outlined Secondary Primary

Alert Components

Interactive Elements

Interactive Icon
40+
Components
16
Themes
100%
Svelte 5 Ready

A Growing Community of Developers and Designers

RetroUI Svelte is free and open-source, and it is made possible by our awesome contributors.

10
Github Stars
No contributors found

Built for Modern Development

Built with Svelte 5 runes, TypeScript safety, Tailwind v4 performance, and shadcn-svelte compatibility. The modern stack for lightning-fast development.

Svelte 5

Svelte 5

Built for the latest Svelte with runes and modern features

TypeScript

TypeScript

Full type safety with excellent IntelliSense support

TailwindCSS v4

Tailwind v4

Modern utility-first CSS with zero-runtime overhead

shadcn-svelte

Compatible registry system for easy installs

Lightning Fast Development

Build beautiful interfaces in minutes, not hours. Copy, paste, and ship faster than ever.

shadcn-svelte Compatible

Built on top of shadcn-svelte's proven component architecture.

Easy Integration

Install components with a single command and start building immediately.

Installation
$ npx shadcn-svelte@latest add https://retroui-svelte.netlify.app/r/accordion.json
$ npx shadcn-svelte@latest add https://retroui-svelte.netlify.app/r/button.json
✓ Components added to your Svelte project