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.

Browse Blocks View Components

Featured Dashboard Sidebar Login Signup

Browse all blocks

Analytics dashboard

npx shadcn add dashboard-01

A simple login form

npx shadcn add login-01

npx shadcn add login-02

npx shadcn add login-03

Wide login form

npx shadcn add login-04

Minimal login

npx shadcn add login-05

npx shadcn add signup-01

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.

Building blocks
for the web.