Neba UI

À propos de ce projet

Neba UI est une bibliothèque de composants React pour construire des interfaces d’application. Elle fournit ce dont un vrai produit a besoin — boutons et champs de formulaire, menus et boîtes de dialogue, tableaux et onglets, graphiques, progression et notifications — déjà stylés, déjà accessibles et déjà d’accord entre eux, de sorte qu’un écran s’assemble au lieu d’être dessiné une seconde fois. Elle embarque aussi ce dont l’interface d’un agent d’IA a besoin — un champ de saisie pour le prompt, du texte en streaming, des appels d’outils, des demandes d’approbation, un panneau de raisonnement et une liste d’étapes — et un moteur de rendu A2UI, sous neba/a2ui, transforme en composants Neba l’écran qu’un agent décrit en JSON.

Chaque composant puise dans un vocabulaire commun. Size, color, variant, density et elevation veulent dire la même chose partout : un contrôle de taille moyenne a la même hauteur sur n’importe quel composant, et la couleur primaire est la même couleur partout. Les rôles, les libellés, la gestion du focus et le clavier vivent à l’intérieur des composants au lieu d’être ajoutés après coup, et le mode sombre suit le système sans qu’on écrive quoi que ce soit. Son allure est un langage de conception et non un fichier de thème : une surface translucide bordée d’un trait fin, une seule signature de mouvement, et des ombres qu’il faut demander.

L’installation, c’est un paquet et une ligne de CSS. Pas de fournisseur à la racine, pas d’objet de thème à assembler, pas de fichier de configuration. Le paquet est ESM uniquement, embarque les déclarations TypeScript et se prête vraiment au tree shaking : chaque composant se compile dans son propre module, importer un bouton coûte donc à peu près ce que coûte un bouton. Il tourne sur React 18 ou 19 avec deux dépendances d’exécution ; le moteur de rendu A2UI apporte trois dépendances de pair facultatives qui lui sont propres, et un projet qui ne l’importe jamais ne les résout jamais. Chaque composant est documenté avec des aperçus vivants plutôt que des captures d’écran.

Fonctionnalités

• Site de documentation

• Types TypeScript

• Plusieurs langues

• Vérifié par des tests

• Accessible par construction

• Mode sombre

• Compatible tree shaking