FeaturedBeautifully designed components that you can copy and paste into your apps. Accessible, customizable and open source — built on Radix UI and Tailwind CSS.
ReactTailwindComponents+2
ui.shadcn.comCurated for designers and developers
Discover resources for better web design
Explore UI libraries, design inspiration, creative websites and practical tools for your next web project.
Browse by category
Eight buckets, zero clutter — the fine-grained details live in tags.
83 resources
UI Libraries
Reusable UI components and interface kits for modern web apps.
53 resources
UI Inspiration
Interface patterns and product design references.
37 resources
Website Inspiration
Creative websites, landing pages and digital experiences.
30 resources
AI Design Tools
AI tools for UI generation, design assistance and frontend work.
34 resources
Design & Dev Tools
Tools for interface design, prototyping and frontend workflows.
31 resources
Motion & Interaction
Animation libraries, micro-interactions and visual effects.
62 resources
Icons, Fonts & Assets
Icons, fonts, backgrounds and visual assets.
31 resources
Guides & Learning
Practical design guides, design systems and learning resources.
Start with a guide
Short, opinionated starting points for the most common stacks.
- React UI Libraries & Design Resources
Copy-paste primitives, animated effects and full kits — and how to pick between them.
- Tailwind CSS Components & Resources
The framework plus Tailwind-native components, icons and tooling.
- AI Tools for UI Design & Frontend Work
UI generators, AI code editors and design assistants, separated by workflow.
- UI Component Libraries for the Web
Ownership, accessibility and maintenance — how to choose a component library.
- UI & UX Design Inspiration
Product screens, flows and galleries, matched to the decision you are making.
- Icons, Fonts & Web Design Assets
License, formats and consistency before an icon or font set reaches production.
Featured picks
Editor-selected resources worth your next bookmark.
Featuredui.shadcn.com
Featured150+ animated components built with React, Tailwind CSS and Motion. Copy-paste landing page sections and effects that make marketing sites stand out.
ReactTailwindAnimation+2
magicui.design
FeaturedStunning animated components and effects built with Next.js, Tailwind CSS and Framer Motion. A go-to source for hero sections with visual punch.
ReactTailwindAnimation+2
ui.aceternity.com
FeaturedA curated library of real-world mobile and web app screenshots — onboarding flows, paywalls and UI patterns from hundreds of production products.
WebMobileUI Patterns+1
mobbin.com
FeaturedVercel's AI-powered generative UI tool — prompt in, production-ready React and Tailwind code out. The fastest way from idea to interface.
AIAI CodingReact+3
v0.devRecently added
The newest additions to the collection.
A 1,104-icon set drawn on one 24px grid in Rounded and Sharp plus Line and Solid, shipped as Figma component sets, SVG files and a typed React package.
icons
neaticons.com
154 free, MIT-licensed animated shadcn/ui components and blocks, from a globe and kanban board to Apple device mockups, installed by copy-paste or one CLI line.
components
cult-ui.com
65 React components, 9 hooks and 5 utilities built on Base UI and Tailwind CSS v4, added through the shadcn CLI so the source lands in your project under MIT.
components
hextaui.com
Visitopens in a new tab
A curated gallery of bento-grid layouts from real product sites, with each entry linking back to the live page it was taken from.
inspiration
bentogrids.com
An open-source set of 131 micro-animated React components distributed through the shadcn GitHub registry, using spring physics and copy-paste source ownership.
components
easyui.site
Visitopens in a new tab
An AI design tool that turns sketches, screenshots or PRD text into editable wireframes, high-fidelity screens and full UX flows, with Figma and GitHub export.
ai-design
uxpilot.ai
A general-purpose JavaScript 3D library with WebGL and WebGPU renderers plus SVG and CSS3D addons, used for real-time scenes that run in the browser.
motion
threejs.org
Visitopens in a new tab
About 130 hand-crafted animated React components built with Tailwind CSS v4 — text effects, backgrounds, cards, widgets and bento grids — installed with the shadcn CLI.
components
animata.design
Visitopens in a new tab