shadcn-svelte
Docs
Components
Blocks
Themes
Examples
Colors
Toggle Menu
Search documentation...
Search...
⌘
K
GitHub
X (formerly known as Twitter)
Toggle theme
npx shadcn-svelte init
Building Blocks for the Web
Beautifully designed. Copy and paste into your apps. Open source.
Browse
Request a block
A simple sidebar with navigation grouped by section.
npx shadcn-svelte@latest add sidebar-01
Open in New Tab
Loading...
A sidebar with collapsible sections.
npx shadcn-svelte@latest add sidebar-02
Open in New Tab
Loading...
A sidebar with submenus.
npx shadcn-svelte@latest add sidebar-03
Open in New Tab
Loading...
A floating sidebar with submenus.
npx shadcn-svelte@latest add sidebar-04
Open in New Tab
Loading...
A sidebar with collapsible submenus.
npx shadcn-svelte@latest add sidebar-05
Open in New Tab
Loading...
A sidebar with submenus as dropdowns.
npx shadcn-svelte@latest add sidebar-06
Open in New Tab
Loading...
A sidebar that collapses to icons
npx shadcn-svelte@latest add sidebar-07
Open in New Tab
Loading...
An inset sidebar with secondary navigation.
npx shadcn-svelte@latest add sidebar-08
Open in New Tab
Loading...
Collapsible nested sidebars.
npx shadcn-svelte@latest add sidebar-09
Open in New Tab
Loading...
A sidebar in a popover.
npx shadcn-svelte@latest add sidebar-10
Open in New Tab
Loading...
A sidebar with a collapsible file tree.
npx shadcn-svelte@latest add sidebar-11
Open in New Tab
Loading...
A sidebar with a calendar.
npx shadcn-svelte@latest add sidebar-12
Open in New Tab
Loading...
A sidebar in a dialog.
npx shadcn-svelte@latest add sidebar-13
Open in New Tab
Loading...
A sidebar on the right.
npx shadcn-svelte@latest add sidebar-14
Open in New Tab
Loading...
A left and right sidebar.
npx shadcn-svelte@latest add sidebar-15
Open in New Tab
Loading...
A simple login form.
npx shadcn-svelte@latest add login-01
Open in New Tab
Loading...