| 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:
- 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
git clone https://github.com/alexpate/awesome-design-systems.git
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