vanilla-css-design-system

Vanilla CSS Design System es una base de estilos modular construida enteramente con vanilla CSS. Su README destaca un enfoque ligero sin dependencias innecesarias, la facilidad de incluir solo las partes necesarias, la tematización mediante variables CSS, la capacidad de respuesta mobile-first y las mejores prácticas de accesibilidad. La documentación y los ejemplos en vivo están alojados en GitHub Pages, con el directorio de ejemplos vinculado como la documentación principal del sistema de diseño. Inicio rápido: clone el repositorio, ejecute opcionalmente npm install y luego ejecute npm run dev para un servidor de desarrollo local en http://localhost:3000. El comando dev cambia al modo de desarrollo, supervisa los archivos CSS y de tokens, reconstruye ante cambios y refresca el navegador. Un archivo combinado compilado puede vincularse en proyectos como styles/vanilla-combined.min.css. El script build:css combina, purga y minifica el CSS. Los scripts de conversión de formato css2tokens y tokens2css permiten moverse entre CSS y design tokens. Scripts adicionales cubren el modo de supervisión, el linting y correcciones de CSS, y el cambio de ejemplos entre archivos CSS de desarrollo y producción. Se proporciona un enlace de CDN para el archivo CSS minificado combinado con etiqueta de versión, permitiendo que los usuarios omitan la instalación y lo incluyan directamente en una página. La estructura del repositorio separa estilos, scripts, ejemplos y tokens, con el README y package.json en la raíz. El proyecto utiliza vanilla CSS con arquitectura modular para el estilizado, además de Stylelint para estándares consistentes, PurgeCSS para eliminar CSS no utilizado, Lightning CSS para la minificación y Nodemon para supervisar los cambios. Tiene licencia MIT e invita a reportar problemas y enviar pull requests. Esta descripción refleja las capacidades documentadas en el README del repositorio; no evalúa el rendimiento, la calidad o la idoneidad más allá de lo descrito.