21st.dev21st.dev
Catalog of React components, themes and templates, with an MCP for agentsCatálogo de componentes React, temas e templates, com MCP para agentes
What it isO que é
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.
21st.dev é um catálogo comunitário de interfaces feitas por design engineers: componentes React, templates completos, temas shadcn, shaders e gradientes, em React, TypeScript e Tailwind CSS.
What it’s forPara que serve
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.
Para escolher componentes com visual menos genérico e levá-los ao projeto pela CLI do shadcn ou copiando um prompt para Claude Code, Cursor ou v0.
BenefitsVantagens
- 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
- Pré-visualização ao vivo e código-fonte completo de cada item
- Instalação pela CLI do shadcn ou prompt pronto para ferramentas de IA
- O código é copiado para o repositório, então pode ser editado livremente
- Oferece MCP, CLI e API REST para agentes de código
CaveatsRessalvas
- 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.
- Navegar é grátis, com 2 cópias de componentes por dia; assinatura libera cópias ilimitadas e templates premium.
- O 21st AI, para gerar e refinar interfaces, é um complemento pago com créditos mensais.
- O autor de um dos vídeos diz que o acabamento final para um produto real ainda é necessário.
