Skip to content
21St website preview

21St

21st.dev

12,000+ hand-crafted React and Tailwind CSS components, templates, and shadcn themes you can preview live and install with one command.

What is 21St?

21st.dev is a living library of interfaces built by real design engineers: 2,000+ marketing blocks (animated heroes, shaders, gradients, footers) alongside 2,100+ UI components like AI chats, cards, galleries, and sign-in widgets. Preview any piece live, then copy the prompt or install with a single command. The workflows are designed for human developers and AI coding agents alike, with usage from indie makers up to large product teams.

Best for

  • React and Tailwind components with one-command install
  • Marketing blocks from animated heroes to gradient backgrounds
  • shadcn themes for AI-assisted product development

Key features

  • 12,000+ crafted React and Tailwind components
  • 2,000+ marketing blocks: heroes, shaders, footers
  • 2,100+ UI components including AI chats and 3D galleries
  • Live preview with copy-prompt or one-command install
  • Prompt-ready workflows for AI coding agents
Appica UI website preview

A free, open-source React component library built on Base UI, styled with Tailwind, animated with Motion — 70+ polished components for humans and AI agents.

ReactTailwindDesign Systems+3
Boardui website preview

A React design system for dashboards and agent interfaces — 85 components, 19 chart cards, and 10 Pro templates on Tailwind CSS with editable source.

ReactTailwindDesign Systems+1
Heroui website preview

HeroUI v3 (formerly NextUI) — accessible React and React Native components built on React Aria and Tailwind CSS v4, with 27.7k GitHub stars.

ReactTailwindOpen Source+2