En un panorama saturado de frameworks pesados, configuraciones infinitas y la constante ansiedad por el próximo breaking change del ecosistema Node.js, surge Oat.
No es solo otra librería de UI; es una declaración de principios. Oat es una biblioteca ultra ligera de componentes HTML y CSS semánticos, diseñada para quienes buscan longevidad y simplicidad por encima del hype.
¿Qué hace a Oat diferente?
- Ligereza extrema: Con solo 6KB de CSS y 2.2KB de JS (minified + gzipped), es prácticamente imperceptible en la carga de red.
- Cero dependencias: Olvida el «Node.js bloat». No requiere NPM, ni pasos de compilación, ni dependencias de terceros. Es Vanilla puro.
- HTML Semántico por defecto: En lugar de saturar tu marcado con clases (class pollution), Oat estiliza directamente etiquetas nativas como <button>, <input> y <dialog>. Si el HTML es correcto, el diseño es correcto.
- Accesibilidad (A11y) nativa: Al forzar el uso de etiquetas semánticas y roles ARIA, la accesibilidad no es un «añadido», sino una parte intrínseca de la estructura.
Filosofía y Diseño
Inspirada en la estética limpia de shadcn, Oat ofrece componentes modernos y profesionales que se adaptan automáticamente al modo oscuro del sistema. Además, la personalización es sencilla: basta con sobrescribir un puñado de variables CSS.
¿Por qué elegir Oat?
Esta librería nace de la frustración real ante la complejidad innecesaria del desarrollo web moderno.
Es la herramienta ideal para:
- Víctimas del ecosistema JS: Aquellos que buscan una solución estable a largo plazo sin preocuparse por el mantenimiento de herramientas que caducan cada seis meses.
- Proyectos eficientes: Aplicaciones donde el rendimiento y la limpieza del código son prioridades críticas.
- Desarrollo enfocado en estándares: Proyectos que prefieren Web Components y CSS nativo sobre abstracciones complejas.
Oat demuestra que no necesitas megabytes de librerías para crear interfaces profesionales, funcionales y modernas.
