Componentes, librerías y plantillas de interfaz open source con licencia verificada, para que tu asistente los integre en tu proyecto.
A veces no necesitas una librería entera, sino una pieza concreta que puedas copiar en tu proyecto y adaptar. Esta sección reúne componentes individuales para React y Tailwind CSS, muchos de ellos construidos sobre shadcn/ui y Motion.
Hay una caja de prompt para chat con IA de Kokonut UI, con selector de modelo, adjuntos y menú de comandos; un fondo de portada con líneas animadas; dos botones de Magic UI, uno con borde arcoíris y otro que desliza el texto al pasar el ratón, y un texto rotatorio con animación letra a letra de Fancy Components.
Cada ficha indica de qué librería sale el componente, su licencia y qué dependencias necesita. Puedes pedir a Claude que lo integre en tu proyecto y lo adapte a tus tokens de color. Antes de publicarlo, revisa la accesibilidad, sobre todo en los componentes animados: respeta la preferencia de movimiento reducido.
Pizarra virtual de código abierto con estilo de dibujo a mano, para bocetos, diagramas y wireframes. Se usa en excalidraw.com o se integra en tu aplicación React con el paquete @excalidraw/excalidraw.
shadcn/ui es un conjunto de componentes de interfaz que se copian en tu proyecto y se adaptan, en lugar de instalarse como dependencia cerrada. Incluye un CLI, un servidor MCP y una skill para que Claude trabaje con tus componentes.
Librería de componentes animados de React para webs de producto y marketing: patrones de fondo, textos animados, marcos de dispositivos, efectos de botón y más. Se instala igual que shadcn/ui y el código queda en tu proyecto.
Origin UI es una gran colección de componentes de React y Tailwind CSS para copiar y pegar, con el estilo de shadcn/ui. Tras su adquisición pasó a coss.com, donde se conserva como versión heredada junto a coss ui, el sistema de diseño de Cal.com.
Kit de componentes de animación para React hechos con Motion y Tailwind CSS: efectos de texto, transiciones, diálogos que se transforman, carruseles y efectos ligados al scroll. Está en beta y se instala componente a componente.
Componente de React de Fancy Components que alterna el texto mostrado entre varias opciones, con animación por letras, palabras o líneas. Se basa en motion, permite rotación automática o manual mediante una referencia, y mantiene el texto actual accesible para lectores de pantalla.
Fondo animado de Kokonut UI para portadas: una cinta de líneas que fluye en un solo color y se aparta al pasar el cursor. La versión actual se dibuja en un canvas 2D y no necesita dependencias aparte de React. Encima se puede colocar cualquier contenido.
Más de cien componentes de React de código abierto hechos con Tailwind CSS, Motion y shadcn/ui. Es un registro de shadcn: cada componente se añade por nombre con la CLI y su código pasa a ser tuyo.
Botón de Magic UI con forma de píldora que reacciona al pasar el ratón: un punto se expande hasta llenar el botón, el texto se desliza hacia fuera y vuelve a entrar acompañado de una flecha. Es un componente pequeño de React y Tailwind que se adapta al modo claro y oscuro.
Botón de Magic UI con un borde en degradado de cinco colores que se desplaza sin parar, y un resplandor difuminado debajo. Tiene dos variantes, relleno y contorno, y cuatro tamaños. Forma parte de la versión libre de Magic UI y se instala con la CLI de shadcn.
Plantilla gratuita de panel de administración hecha con React 19 y los componentes de CoreUI, sobre Vite. Trae páginas de ejemplo (dashboard, formularios, gráficos, autenticación, errores) para arrancar un back office sin partir de cero.
Registro de componentes de React para shadcn/ui centrado en piezas complejas y con lógica propia: kanban, diagrama de Gantt, editor, calendario, selector de color o recorte de imágenes. Se instala con su CLI o con la de shadcn y el código queda en tu proyecto.
