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 COLLECTIONPrimer 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).
Oat es una librería de UI semántica de HTML/CSS/JS ultraligera y sin dependencias (~10KB min+gz). No requiere framework ni pasos de compilación, estiliza etiquetas semánticas contextualmente y usa WebComponents mínimos.
Panda es un framework de CSS-in-JS universal y type-safe para sistemas de diseño. Extrae estilos en tiempo de compilación, genera CSS moderno con capas de cascada y variables, y es compatible con la mayoría de los frameworks de JS.
AdminLTE es una plantilla de panel de administración responsiva con licencia MIT, basada en Bootstrap 5.3 y JavaScript puro, instalable vía CDN, npm o Composer, con ediciones para React, Vue, Laravel, Django y más.
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.
Franken UI (franken-ui/ui) es una biblioteca de componentes de UI orientada a HTML basada en UIkit 3, extendida con LitElement e inspirada en shadcn/ui. Su README ahora solo anuncia la migración a 0build.
Bulma es un framework CSS moderno basado en Flexbox que se distribuye como un único archivo CSS sin JavaScript. Ofrece fuentes Sass para personalización de variables y funciona con cualquier pila frontend.
Una colección de implementaciones del logotipo rebotante de DVD en una amplia variedad de lenguajes de programación y plataformas.
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.
Spruce CSS es un sistema de diseño y framework CSS ligero y de código abierto basado en Sass que ofrece variables, mixins, funciones, algunas clases de utilidad y tematización mediante propiedades personalizadas de CSS con modo oscuro.
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.
GitHub Dark es un proyecto de userstyle que aplica un tema oscuro a GitHub, reduciendo la fatiga visual durante sesiones de codificación. Incluye temas de resaltado de sintaxis para GitHub, CodeMirror y Jupyter, y está diseñado para usarse con extensiones de navegador como Stylus.
Material Design for Bootstrap es un kit de interfaz gratuito con más de 700 componentes, temas y plantillas para sitios web responsivos y móviles. Disponible para jQuery, Angular, React y Vue bajo licencia MIT.
design-md-hub es un repositorio open-source con 120 especificaciones DESIGN.md de marcas, extraídas de sitios en producción, para que agentes IA generen UI coherente.
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.
Anime.js es una biblioteca de animación de JavaScript rápida y ligera con una API potente para animar propiedades CSS, SVG, atributos DOM y objetos de JavaScript.
Directorio curado de frameworks CSS organizados por categoría, incluyendo resets base, frameworks sin clases, opciones ligeras, propósito general, Material Design, utilidades, especializados y proyectos en pausa.
Flowbite es una biblioteca de componentes de UI de código abierto basada en Tailwind CSS que ofrece componentes interactivos impulsados por atributos de datos, con APIs de JS vanilla, tipos de TypeScript y soporte para React, Vue, Svelte y Angular.
Font Awesome es una biblioteca de iconos y un conjunto de herramientas ampliamente utilizado que proporciona recursos SVG, fuentes y CSS para diseñadores y desarrolladores. La versión 7 es la versión actual.
designlang es una CLI basada en Playwright que lee el DOM en vivo de un sitio web y extrae su sistema de diseño: tokens DTCG, configuración de Tailwind, variables de Figma, tema shadcn, anatomía de componentes, tokens de movimiento, voz de marca, auditorías WCAG y emisores multiplataforma, más servidor MCP y extensión de Chrome.
