TW Elements es una biblioteca de componentes con licencia MIT para Tailwind CSS, que ofrece más de 500 componentes interactivos de UI y 117+ bloques de diseño con soporte para modo oscuro y opciones de tematización.
Código abierto. Nuevas posibilidades.
Descubre proyectos de código abierto de calidad, envía proyectos de forma anónima y reclama y edita tu propio proyecto.
Un poco de curiosidad. Un mundo de código abierto.
THE FIRST COLLECTIONRadix Themes es una biblioteca de componentes React de código abierto enfocada en desarrollo rápido, fácil mantenimiento y accesibilidad, mantenida por WorkOS. El README remite a documentación completa, notas de lanzamiento, guías de contribución, canales comunitarios y su licencia MIT.
Zag ofrece máquinas de estado headless y framework-agnostic para componentes UI accesibles en JavaScript, con adaptadores para React, Solid, Vue y Svelte, y APIs sin estilo para construir tu propio sistema de diseño.
Ant Design es un lenguaje de diseño de UI de clase empresarial y una biblioteca de componentes de React escrita en TypeScript, que ofrece componentes de calidad listos para usar, recursos de diseño, temas e internacionalización.
Una colección seleccionada de marcadores, recursos, artículos y herramientas en inglés sobre sistemas de diseño para desarrolladores, que abarca herramientas de diseño, design tokens, librerías de patrones, pruebas de componentes, libros y charlas.
Colección de siete bibliotecas de habilidades para agentes de codificación de IA que cubren limpieza de código, edición de texto, orquestación de agentes paralelos, diseño de interfaz, retroalimentación de producto, investigación de diseño y QA. Funciona con Claude Code, Cursor, Codex y otros agentes que leen archivos de habilidades.
Tinte compila un sistema de diseño en un Agent Plugin: extrae una identidad de una referencia, emite SKILL.md y tokens.css, y analiza colores que omiten los tokens. También genera presets de shadcn y temas de editor.
Welcome UI es un sistema de diseño open-source creado por Welcome to the Jungle (@wttj). Construido con React, TypeScript, Tailwind CSS y Ariakit, reúne los componentes principales para desarrollar aplicaciones web agradables, con documentación detallada en el README de la librería.
Radix Primitives es una biblioteca de componentes de UI de bajo nivel y código abierto para crear sistemas de diseño y aplicaciones web accesibles, centrada en la accesibilidad, personalización y experiencia del desarrollador. Licencia MIT, mantenida por WorkOS.
OpenDesign es una alternativa de escritorio de código abierto y local-first a Claude Design. Es nativa de agentes, admite más de 25 CLI de codificación, incluido DeepSeek Harness, genera prototipos, presentaciones, imágenes y videos con sistemas DESIGN.md de calidad de marca, y exporta a HTML/PDF/PPTX/MP4 bajo la licencia Apache 2.0.
daisyUI es una biblioteca de componentes gratuita y de código abierto para Tailwind CSS. Ofrece componentes de UI prediseñados y personalizables que pueden usarse directamente en HTML.
FAST es un sistema de interfaz adaptativo de Microsoft para la web moderna, con un marco ligero para crear Web Components conformes a estándares y una biblioteca de componentes de diseño Fluent.
Primer CSS es la implementación de CSS del Primer Design System de GitHub, distribuido como el paquete npm @primer/css. Proporciona archivos fuente Sass/SCSS con clases de utilidad y estilos de componentes. El proyecto está ahora en modo de mantenimiento (KTLO).
Base Web es una biblioteca de componentes React que implementa el sistema de diseño Base de Uber, con componentes de UI modernos y responsivos, soporte de TypeScript y estilos basados en Styletron. Actualmente en modo mantenimiento.
Dembrandt es una CLI de Node.js que renderiza sitios con Playwright, lee estilos DOM computados y convierte colores, tipografía, espaciado, bordes, sombras, animaciones y componentes en tokens de diseño W3C, con verificaciones de deriva en CI y soporte MCP.
Storybook es un taller de frontend para construir, documentar y probar componentes y páginas de UI de forma aislada. Soporta múltiples frameworks y ofrece complementos para accesibilidad y desarrollo interactivo.
El Sistema de Diseño de Priceline es la biblioteca de componentes UI de código abierto y estándar de diseño de Priceline.com. Busca unificar patrones de interfaz, acelerar diseño y desarrollo, y promover accesibilidad, internacionalización y diseño web responsive.
Chromatic es una herramienta de compilación para gestionar sistemas de diseño multiplataforma a partir de archivos de design-tokens, compatible con expresiones, temas y salidas en Sass, CSS, iOS, Android y HTML.
El Sistema de Diseño de Helsinki (HDS) es un sistema de diseño de código abierto del Ayuntamiento de Helsinki, que ofrece componentes React accesibles, estilos CSS y design tokens, junto con documentación y recursos de diseño.