Skip to main content
The 21st Marketplace is where developers share high-quality React and Tailwind CSS work. Components are open-source with MIT license — use them freely in any project.

​
What You’ll Find

Components — Production-ready React/Tailwind building blocks for interfaces. Themes — Color palettes, typography, and design tokens you can apply to your project instantly. Templates — Ready-to-use website and app templates, free or paid.

​
Get Started

Browse Components

Find and copy components for your project

Discover Themes

Copy color schemes and typography

Explore Templates

Start from a full website or app template

Keyboard Shortcuts

Navigate faster with hotkeys
Press ⌘K (Mac) or Ctrl+K (Windows) anywhere to open the command menu. Search components by name, browse categories, or jump to themes and templates.
Bookmark your favorites — Press B on any component to save it. Access your bookmarks from the sidebar, and organize them into lists.

​
Using Components

Every component can be used in three ways:
  1. Copy Code — Press ⌘C to copy the full component code.
  2. Copy AI Prompt — Press ⌘X to copy a paste-ready prompt for 21st AI, MCP, or any other AI tool.
  3. Install via CLI — install directly with the shadcn CLI:
Or with the 21st CLI: 21st add author/component-name.

​
Top Authors

The marketplace features components from the best open-source creators. Visit author profiles to see all their published work and follow your favorites.

Publish Your Own

Share your components with the community

Quality Guidelines

What makes a great component