Blocks

Building blocks
for the web.

Apple-flavored compositions built from Cupertino primitives. Copy and paste into your apps — same shadcn API, drop-in for any React framework.

Basic app sidebar

npx shadcn add sidebar-01

Scrollable sidebar

npx shadcn add sidebar-02

Sidebar with projects

npx shadcn add sidebar-03

Wide sidebar

npx shadcn add sidebar-04

Inset sidebar

npx shadcn add sidebar-05

Sidebar with icons

npx shadcn add sidebar-06

Collapsible sidebar

npx shadcn add sidebar-07

Borderless header sidebar

npx shadcn add sidebar-08

Inbox sidebar

npx shadcn add sidebar-09

Sidebar with actions

npx shadcn add sidebar-10

File tree sidebar

npx shadcn add sidebar-11

Calendar sidebar

npx shadcn add sidebar-12

Settings dialog

npx shadcn add sidebar-13

Right sidebar

npx shadcn add sidebar-14

Dual sidebar

npx shadcn add sidebar-15

Sidebar with top header

npx shadcn add sidebar-16

Building blocksfor the web.