shadcn/ui
ui.shadcn.com
Copy-paste components you actually own
LibrariesOpen sourceReactTailwind
by shadcn@shadcn
140 resources · 17 categories · 12 live components
Every design resource you keep losing, in one place
Component libraries, blocks, motion systems, shaders, icons and design tools — indexed, searchable, credited to whoever built them, and shown with a live preview and the actual code.
Press ⌘K anywhere to search
Browse by category
Seventeen buckets, from headless primitives to shader playgrounds.
Component Libraries
16 resources
Blocks & Templates
10 resources
Animation & Motion
9 resources
Transitions & Scroll
7 resources
Shaders & WebGL
9 resources
Backgrounds & Atmosphere
5 resources
Themes & Color
8 resources
Icons & Visual Assets
19 resources
iOS & Mobile UI
7 resources
Mockups & Presentation
7 resources
Data Visualization
7 resources
AI & Chat UI
3 resources
Product Infra UI
8 resources
Design Tools
7 resources
No-code & Webflow
7 resources
Experimental & Retro
2 resources
Inspiration & Demos
9 resources
Live components
Not screenshots. These render right here, and the source is one tab away.
Featured resources
The ones worth knowing about even if you never use them.
Radix UI
radix-ui.com
Unstyled, accessible primitives
LibrariesOpen sourceReact
by WorkOS@workos
Aceternity UI
ui.aceternity.com
Motion-first marketing components
LibrariesFreemiumReactTailwind
by Manu Arora@mannupaaji
Magic UI
magicui.design
150+ animated components for marketing sites
LibrariesFreemiumReactTailwind
by Dillion Verma@dillionverma
Shadcnblocks
shadcnblocks.com
600+ blocks built on shadcn/ui
BlocksFreemiumReactTailwind
GSAP
gsap.com
The animation engine everything else is measured against
MotionFreeJavaScript
by GreenSock@greensock
Know something that belongs here?
The index lives in a single typed file. Add an entry, open a pull request, and it shows up everywhere — search, categories, filters.
Contribute on GitHub