# 21st.dev

> Catalog of React components, themes and templates, with an MCP for agents

- Category: UI components (`components`)
- Tags: `react`, `mcp`
- Official: https://21st.dev/
- See also: https://21st.dev/mcp
- Wunderlust: https://wunderlust.xyz/r/21st-dev
- Image: https://wunderlust.xyz/media/21st-dev-poster.jpg
- Video preview: https://wunderlust.xyz/media/21st-dev.webm
- Added: 2026-11-05

## What it is

21st.dev is a community catalog of interfaces made by design engineers: React components, full templates, shadcn themes, shaders and gradients, built in React, TypeScript and Tailwind CSS.

## What it’s for

For picking components with a less generic look and bringing them into a project through the shadcn CLI, or by copying a prompt into Claude Code, Cursor or v0.

## Benefits

- Live preview and full source code for every item
- Install through the shadcn CLI, or use a ready-made prompt for AI tools
- The code is copied into your repository, so it can be edited freely
- Offers an MCP, a CLI and a REST API for coding agents

## Caveats

- Browsing is free, with 2 component copies per day; a subscription unlocks unlimited copies and premium templates.
- 21st AI, for generating and refining interfaces, is a paid add-on with monthly credits.
- The author of one of the videos says final polish is still needed for a real product.

## Similar on Wunderlust

- [Componentry](https://wunderlust.xyz/r/componentry.md): Animated React components with editable code, via the shadcn CLI or MCP
- [Cult UI](https://wunderlust.xyz/r/cult-ui.md): 154 open source animated components for shadcn/ui projects
- [Aceternity UI](https://wunderlust.xyz/r/aceternity-ui.md): React component library with Tailwind and animation for landing pages
- [Kokonut UI](https://wunderlust.xyz/r/kokonut-ui.md): React components with Tailwind and Motion, installed as your own code via shadcn
- [HeroUI](https://wunderlust.xyz/r/heroui.md): React component library for assembling interfaces from ready-made parts
- [React Bits](https://wunderlust.xyz/r/react-bits.md): A library of animated React components: text, backgrounds and microinteractions