shadcn-svelte Components
Add accessible, themeable UI to Svelte apps with shadcn-svelte. Installs and composes Button, Card, Dialog, Form, and Table components wired to design tokens and Tailwind.
This skill brings the shadcn approach to Svelte: copy-in, fully owned components built on Bits UI and Tailwind, themed through design tokens. It installs and composes Button, Card, Dialog, Form, and Table, customizes variants, and keeps components accessible and in your codebase rather than a dependency.
shadcn-svelte svelte components tailwind ui
When to use
Use when building Svelte/SvelteKit UI with shadcn-svelte, installing and composing its components, customizing variants, or theming them with design tokens.
Examples
Themed dialog + form
Compose components
Add shadcn-svelte Dialog and Form components to build an edit-profile modal with validated inputs, themed with our design tokens
Data table
Sortable table
Build a sortable, paginated data table in SvelteKit using the shadcn-svelte Table component with column visibility controls