Docs Components Blocks Charts Themes Colors

Command Palette

Search for a command to run

Getting Started

Introduction Installation components.json Theming Dark mode CLI Typography Figma Changelog About

Migrate

Svelte v5 New Tailwind v4 New

Components

Accordion Alert Alert Dialog Aspect Ratio Avatar Badge Breadcrumb Button Calendar Card Carousel Chart Preview Checkbox Collapsible Combobox Command Context Menu Data Table Date Picker Dialog Drawer Dropdown Menu Form Hover Card Input Input OTP New Label Menubar Pagination Popover Progress Radio Group Range Calendar Resizable Scroll Area Select Separator Sheet Sidebar Skeleton Slider Sonner Switch Table Tabs Textarea Toggle Toggle Group Tooltip

Registry New

Introduction Getting Started Examples FAQ registry.json registry-item.json

Dark mode

Dark mode

Adding dark mode to your site.

Svelte

Astro

On This Page

Built & designed by shadcn. Ported to Svelte by huntabyte. The source code is available on GitHub.