{"id":"21st-dev","name":"21st.dev","url":"https://wunderlust.xyz/r/21st-dev","category":"components","category_label":"UI components","tags":["react","mcp"],"short":"Catalog of React components, themes and templates, with an MCP for agents","what":"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.","uses":"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."],"links":{"official":"https://21st.dev/","other":["https://21st.dev/mcp"]},"image":"https://wunderlust.xyz/media/21st-dev-poster.jpg","video":"https://wunderlust.xyz/media/21st-dev.webm","share_image":"https://wunderlust.xyz/og/r/21st-dev.jpg","similar":["componentry","cult-ui","aceternity-ui","kokonut-ui","heroui","react-bits"],"added_on":"2026-11-05","pt":{"name":"21st.dev","short":"Catálogo de componentes React, temas e templates, com MCP para agentes","what":"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.","uses":"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.","benefits":["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"],"caveats":["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."]},"schema_version":1}