Un développeur frustré par la complexité de l’écosystème Node.js publie une bibliothèque CSS et JS minuscule, sans classes, qui stylise automatiquement le HTML sémantique. Oat UI est une bibliothèque de composants d’interface ultra-légère ne pesant que 6 Ko de CSS et 2,2 Ko de JS (minifiés et gzippés), sans aucune dépendance ni outil de compilation requis. C’est notre app open source du mois de février 2026.
La bibliothèque stylise directement les éléments HTML natifs comme <button> et <dialog> via des balises sémantiques, éliminant ainsi la pollution par les classes. La version 0.3 vient de sortir sur GitHub sous licence MIT.
HTML sémantique, zéro classe
« J’ai écrit ceci pour mes propres projets après en avoir eu marre du bloat ridicule, des dépendances et des changements constants dans les bibliothèques de composants JavaScript UI« , explique l’auteur Kailash Nadh dans le README du projet.
Oat UI fonctionne comme une bibliothèque entièrement autonome. Pas de framework JavaScript, pas de préprocesseur CSS, pas de chaîne d’outils Node.js. Les éléments natifs comme <button>, <input> et <dialog> reçoivent un style automatique. Les attributs sémantiques comme role="button" fonctionnent directement.
Accessibilité et thèmes intégrés
La bibliothèque intègre l’accessibilité via les rôles ARIA appliqués dans tout le système de composants. La navigation au clavier fonctionne correctement sur tous les éléments interactifs. Le mode sombre s’active automatiquement avec l’attribut data-theme="dark" sur l’élément <body>.
Le système de thèmes repose sur les variables CSS, permettant de personnaliser l’ensemble du jeu de couleurs en surchargeant un petit ensemble de variables. Les composants dynamiques complexes comme les onglets et les menus déroulants utilisent des Web Components natifs.
Installation minimaliste
Trois méthodes d’installation au choix : CDN direct (unpkg.com/@knadh/oat), npm (npm install @knadh/oat), ou téléchargement manuel des fichiers CSS et JS. Pas de build, pas de configuration, juste deux lignes dans le HTML.
D’autres frameworks CSS sans classes comme Water.css (2,2 Ko) et MVP.css (3,27 Ko) suivent des approches minimalistes similaires pour le prototypage rapide, mais Oat UI se distingue par son approche complète incluant JavaScript et Web Components.
La bibliothèque fonctionne sur tous les navigateurs modernes prenant en charge les propriétés personnalisées CSS et les Web Components. Le code source complet est disponible sur GitHub sous licence MIT.
