numl

Numl es un framework de UI atómico basado en Web Components con generación de CSS en tiempo de ejecución, destinado a la construcción rápida de interfaces que sigan un sistema de diseño. El README comienza con un aviso prominente indicando que el proyecto está obsoleto y ya no recibe mantenimiento; los sucesores sugeridos son tasty, un sistema de estilizado CSS-in-JS y DSL para React, y glaze, un generador de temas de color OKHSL con resolución de contraste WCAG. Lo que proporciona: un lenguaje de diseño de UI, una biblioteca de web components accesibles listos para usar y un framework de CSS en tiempo de ejecución. Según el README, añadir un solo módulo de JavaScript a una página es suficiente, sin bundler ni configuración, tras lo cual elementos como nu-btn pueden usarse directamente en el marcado. Instalación y uso: el README muestra la carga de la compilación del módulo ES desde jsDelivr y luego la escritura de elementos en HTML plano. Otros métodos de instalación están documentados en el handbook. Características declaradas: un enfoque todo-en-uno que combina el marcado para interfaces responsivas con elementos accesibles personalizables; un sistema de generación de colores y vinculaciones de estilos a estados que, según el README, pueden reducir las declaraciones de estilo en comparación con el CSS plano; esquema oscuro automático y modo de alto contraste; tokens de diseño expuestos como propiedades personalizadas; personalización global, en contexto o directamente en un elemento; la capacidad de añadir elementos personalizados, atributos de estilo, comportamientos, tokens de diseño y unidades personalizadas; y compatibilidad con frameworks como Vue, Angular, React y Svelte, incluyendo el uso con SSG. Documentación y ejemplos: el README remite a un Storybook, Handbook, Reference y REPL en numl.design. Los ejemplos enumerados incluyen playgrounds de flex y grid, un convertidor de markdown, un deslizador de antes/después y un ejemplo de validación de formulario de inicio de sesión. Los proyectos mencionados como construidos con Numl incluyen Cube.js UI Kit y varios sitios web y storybooks de Numl. Soporte de navegadores: las dos versiones más recientes de Edge, Chrome, Firefox, Safari, iOS Safari y Android. IE11 y Edge pre-Chromium están explícitamente fuera del alcance del proyecto. Comandos de desarrollo: npm start ejecuta el playground; npm run build compila la biblioteca en dist como un módulo ES6 compatible con tree-shaking; npm run dev recompila ante cambios en el código fuente; npm run test ejecuta las pruebas. El proyecto tiene licencia MIT y sigue la especificación all-contributors, y el README invita a realizar contribuciones y enlaza a una comunidad de Discord. Una sección de hoja de ruta menciona elementos como una propuesta de sintaxis style2state v2, una biblioteca de React, un generador de temas, más documentación y pruebas, y un kit de UI de Figma; debido a que el repositorio está obsoleto, estos planes deben leerse como históricos.