21st.dev

Descripción General

21st.dev es un registro comunitario de componentes y plantillas React listos para producción, respaldado por Y Combinator y construido sobre shadcn/ui, Tailwind CSS y Radix UI. Explora miles de componentes UI curados — desde barras de navegación y secciones hero hasta interfaces de chat AI y visualizaciones de datos — instálalos con un solo comando npx y posee el código. Las funciones incluyen Magic Chat para generación de UI con IA desde lenguaje natural, Magic MCP para generar componentes directamente en IDEs de IA como Cursor y Windsurf, un CLI para búsqueda semántica e instalación en un solo comando, generación de variantes con IA, publicación de componentes y un SDK de Agents para desplegar agentes de IA con ejecución en sandbox, streaming y observabilidad. El nivel gratuito incluye 2 copias de componentes por día y 100 créditos mensuales de IA.

Ideal para

Desarrolladores React e ingenieros de diseño que necesitan componentes UI listos para producción que puedan instalar al instante y poseer, con la opción de generar nuevos componentes mediante asistentes de codificación AI.

Características Principales

• Registro comunitario de miles de componentes React/Tailwind hechos a mano
• Magic Chat — constructor de UI con IA desde descripciones en lenguaje natural
• Magic MCP — genera componentes directamente en Cursor, Windsurf y otros IDEs de IA
• Instalación en un solo comando mediante npx shadcn
• Generación de variantes con IA y comparación lado a lado
• Publicación de componentes con detección automática de nombre, etiquetas y demo
• SDK de Agents con ejecución en sandbox, streaming, autenticación y observabilidad
• Búsqueda semántica en componentes, temas y plantillas
• Clonación de sitios web — recrea cualquier diseño desde una URL (Pro)
• 2 copias gratuitas de componentes por día, 100 créditos mensuales de IA