Installation

Create a SvelteKit app, then set up shadcn-svelte.

Install SvelteKit

Create a new SvelteKit app.

pnpm dlx sv create my-app

Initialize shadcn-svelte

Set up shadcn-svelte in your project.

pnpm dlx shadcn-svelte@latest init

For more information, visit shadcn-svelte.

Add component aliases

Add these aliases to your Vite or Svelte config.

vite.config.ts / svelte.config.js

How to use it

pnpm dlx shadcn-svelte@latest add https://sv-animations.vercel.app/r/status-button.json