shadercn
Beautiful WebGPU/WGSL shader components for React, built on vgpu and TypeGPU and distributed via shadcn.
WebsiteWorkflowsWebFree
4.5Visit
Website
21st
12,000+ hand-crafted React and Tailwind components, templates and shadcn themes.
Day 43 since launch · Launched 25 August 2026
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletter
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletterBuilt with love by Shushant Lakhyani. Building bestproductivityresources.com
Screenshot or bookmark this page so you find it later, then share it with your network.
What is 21st?
21st is a library of more than 12,000 hand-crafted React and Tailwind CSS components, templates and shadcn themes made by real design engineers. Preview components live and install any of them with one command — for you or your AI agent.
Pros
- Huge, quality-controlled component library
- Live previews before you install
- One-command install, including for AI agents
Cons
- Best value requires React and Tailwind projects
- Some premium items are paid
Who should use 21st
Developers and design engineers who want production-quality UI parts fast.
Who may not need it
Teams building fully custom design systems from scratch.
21st alternatives
Similar resources to 21st, picked from the directory.
ForgeUI
Animated React and Tailwind components, blocks and templates.
WebsiteWorkflowsWebFreemium
4.4Visit
audiocn
169 copy-and-paste audio components for React and shadcn/ui.
FrameworkWorkflowsWebFree
4.3Visit
Planes
100+ interactive React components with Tailwind and Motion source for modern interfaces.
FrameworkWorkflowsWebPaid but Affordable
4.3Visit
Rare UI
A free, open-source registry of rare animated React components.
WebsiteWorkflowsWebFree
4.6Visit
ObsidianUI
React and Tailwind components, blocks and landing templates with motion built in.
FrameworkWorkflowsWebFreemium
4.5Visit
Free alternatives to 21st
Free resources that cover similar ground.
Coded Visuals
Animated visual compositions for React and shadcn/ui marketing and landing pages.
FrameworkWorkflowsWebFree
4.6Visit
Detail
Where craft lives — a curated reference of small design decisions that shape better interfaces.
WebsiteWorkflowsWebFree
4.5Visit
UI Skills
A collection of design-engineering skills for accessibility, motion, frontend craft and interface quality.
WebsiteWorkflowsWebFree
4.5Visit
uncoverLAB
Never start from blank Figma ever again! Website design components, app flows and color palettes.
WebsiteWorkflowsWebFree
4.5Visit
pdfcn
Beautiful PDF components for React, 100% free with zero config and one-command setup.
FrameworkWorkflowsWeb, Cross-PlatformFree
4.4Visit
Velora UI
Free, MIT-licensed animated React components and landing templates.
TemplateWorkflowsWebFree
4.4Visit
Featured on Best Productivity Resources
Made 21st? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/21st" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>