Linear
Clean, minimal design for developer tools with dark theme and purple accents
Highlights
ENG-142In Progress
M
ENG-141In Review
J
ENG-139Todo
A
ENG-137Todo
M
ENG-134Done
T
Issue Tracker
In Progress8
In Review3
Completed24
Project Overview
UrgentHighMediumLow
Priority Badges
Cycle 2468%
3 days remaining · 24/35 issues
Cycle Progress
Forms & Inputs
Button Sizes
Button with Icons
Button States
Copy Button
Input
Input with Icons
Checkbox
Checkbox Cards
Radio Group
Radio Cards
Select
060100
Slider
Switch
Textarea
Calendar
Date Picker
Combobox
Input OTP
- 12
- 01
- 02
- 03
- 04
- 05
- 06
- 07
- 08
- 09
- 10
- 11
- 12
- 01
- 59
- 00
- 01
- 02
- 03
- 04
- 05
- 06
- 07
- 08
- 09
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 00
- AM
- PM
Wheel Picker
slide to unlock
Slide to Unlock
Data Display
JD
ABCDEF
Avatar
JD
JD
JD
JD
Avatar Sizes
Default
Secondary
Destructive
Outline
Badge
Active
Pending
Error
Featured
Badge with Dots
Loading25%
Loading60%
Loading88%
Progress
Thin
Default
Thick
Progress Sizes
Skeleton
| Invoice | Status | Amount |
|---|---|---|
| INV-001 | Paid | $250 |
| INV-002 | Pending | $150 |
| INV-003 | Unpaid | $350 |
Table
Heading 1
Heading 2
Heading 3
Body. Regular weight, full foreground color.
Muted. Secondary content and labels.
Typography
Shimmering Text
Shimmering Text
I am a
Developer
Text Flip
GitHub Stars
awesome. Love the components, especially slide-to-unlock. Great job
Guillermo Rauch
CEO @Vercel
Testimonial
Overlays
Dialog
Dropdown Menu
Popover
Sheet
@shadcn
Hover Card
Tooltip
Layout & Structure
Yes. It adheres to WAI-ARIA design patterns.
Yes. It comes with default styles that match your theme.
Yes. It's animated by default using CSS transitions.
Accordion
On orders over $50.
30-day returns, no questions asked.
Accordion – Bordered
Full access to all features and updates.
Yes, no lock-in contracts.
Priority email & chat support.
Accordion – Flush
Card Title
Card description text here.
Card body content goes here.
Card
Revenue
$24.5k
+12%
Users
8,291
+4%
Orders
1,429
+8%
Bounce
42%
-3%
Card – Stats
Database
Postgres, unlimited storage
Storage
S3-compatible object store
Card – Horizontal
TutorialGetting Started
5 min read
Case StudyProduction Tips
8 min read
Card – Media
One
Two
Three
Carousel
@radix-ui/react
@radix-ui/[email protected]
Collapsible
Scroll Area
shadcn/ui
BlogDocsGitHub
Separator
One
Two
Three
Resizable
Feedback
Heads up!
You can add components using the CLI.
Error
Your session has expired. Please log in again.
Alert
Info
Your plan renews in 3 days.
Warning
Disk usage is at 92% capacity.
Alert with Icons
Alert Dialog
Thinking
Thinking Indicator
Reading project spec
Generating component
Composing tokens and primitives
spec.mdtokens.css
Saving result
Thinking Steps
Alice
Bob
Cursor
Apple Hello
Loading…
Loading…
Loading…
Loading…
Spinner
Save ⌘S
Search ⌘K
Undo ⌘Z
Kbd
Toggle
Toggle
Toggle Group
Icon Toolbar
Charts
Recharts, themed per design system