Introduction

A collection of high-quality, copy-paste components for Svelte 5, built on top of shadcn-svelte.

This library extends the philosophy of shadcn/ui by providing more components that aren't included in the base registry. These components are designed to be copy-pasted into your project and customized to your needs.

Why use this?

Svelte 5 Native

Built from the ground up using Runes (`$state`, `$props`, `$derived`) for maximum performance and developer experience.

Registry

No npm packages to install. Install with the shadcn-svelte registry and get started in seconds.

Visual Polish

Components designed with micro-interactions and animations that give your app a premium feel immediately.

Fully Type-Safe

Written in TypeScript with strict typing for props and events, ensuring excellent IDE support and autocomplete.

FAQ

Do I need shadcn-svelte installed?

Yes. These components rely on the `cn` utility and base components (like `Button` or `Badge`) provided by standard shadcn-svelte installation.

Is this an official library?

No. This is a collection of patterns and components commonly requested but out of scope for the core library.

Command Palette
Search for a command to run