ntizar Awesome Design Systems
Resumen
Catálogo de design systems CSS — patrones de diseño web modernos y reutilizables. 25k⭐.
Repo de referencia
- GitHub:
github.com/alexpate/awesome-design-systems - Lenguaje: Markdown (awesome list)
- Licencia: MIT
- Mantenedor: Alex Pate
Contenido
La lista incluye:
- Design Systems: Tailwind UI, Radix UI, Shadcn, Headless UI
- CSS Frameworks: Tailwind, UnoCSS, Pico, Water.css
- Component Libraries: Framer Motion, React Spring, GSAP
- Templates: Landing pages, dashboards, portfolios
- Herramientas: CSS generators, color pickers, icon sets
- Inspiración: Sites de referencia (Stripe, Linear, Vercel)
Uso
# Clonar para referencia
git clone https://github.com/alexpate/awesome-design-systems.git
# Explorar categorías
cat awesome-design-systems/README.md | grep -A 10 "## CSS Frameworks"
Integración con Mastermind
- Complementa
aurora-design-system— más diseño general, menos específico - Fuente de inspiración para
popular-web-designs - Referencia para
frontend-dashboard-patterns— patrones modernos - Ideal para
claude-design— diseño de artefactos HTML
Pitfalls
- No es código: Es una lista de recursos, no una herramienta
- Actualización: Depende de contribuciones comunitarias
- Categorización: Algunos recursos se solapan entre categorías
Referencias
Comparativa de alternativas
- alexpate/awesome-design-systems — catálogo de +100 design systems reales (colores, tipografía, variables) para comparar tokens y patrones ya implementados en producción.