awesome-design-systems

name	awesome-design-systems
description	Catálogo de design systems CSS — patrones de diseño web modernos y reutilizables inspirados en Stripe, Linear, Vercel.
version	1.0.0
tags	["design-system","CSS","UI","patterns","frontend","modern"]

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:

1. Design Systems: Tailwind UI, Radix UI, Shadcn, Headless UI
2. CSS Frameworks: Tailwind, UnoCSS, Pico, Water.css
3. Component Libraries: Framer Motion, React Spring, GSAP
4. Templates: Landing pages, dashboards, portfolios
5. Herramientas: CSS generators, color pickers, icon sets
6. 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

• GitHub: alexpate/awesome-design-systems