ArkUI
Cette solution d'interface utilisateur open source permet de créer des systèmes de conception sophistiqués à l'aide de composants personnalisables, adaptables à différents styles visuels et normes d'accessibilité.
Bibliothèque de composants React sans interface ni styles prédéfinis, offrant un contrôle total sur le balisage et le CSS, avec une excellente accessibilité par défaut et un comportement conforme à ARIA.
Conçus comme des primitives composables dotées d’une API basée sur des slots, les composants permettent l’élimination du code inutilisé, sont compatibles avec TypeScript et fonctionnent avec toutes les approches de stylisation, notamment Tailwind, CSS Modules, CSS-in-JS ou le CSS simple.
La bibliothèque couvre un large éventail de modèles et de primitives d’interface, comme Accordion, Alert Dialog, Avatar, Checkbox et Checkbox Group, Collapsible, Context Menu, Dialog, Field et Fieldset, Form, Input, Menu et Menubar, Meter, Navigation Menu, Number Field, Popover, Progress, Radio, Scroll Area, Select, Separator, Slider, Switch, Tabs, Toast, Toggle et Toggle Group, Toolbar, Tooltip, ainsi que des utilitaires comme Direction Provider et useRender.
Les composants popup utilisent React Portals. Il est recommandé de créer un contexte d’empilement isolé pour éviter les conflits de z-index et garantir que les superpositions apparaissent au-dessus du contenu de la page. La documentation comprend des exemples d’assemblage de composants, de composition de leurs parties et d’intégration à différents systèmes de stylisation.
Cette bibliothèque open source est publiée sous licence MIT et bénéficie de mises à jour régulières, d’une feuille de route et de conseils axés sur l’accessibilité. Les pages de documentation sont consultables en Markdown et comprennent des ressources adaptées aux LLM pour faciliter l’exploration et l’intégration du code.
Fonctionnalités
- Composants React sans interface ni styles prédéfinis
- Accessibilité intégrée et comportement conforme à ARIA
- API composable basée sur des slots
- Builds ESM permettant l’élimination du code inutilisé
- Définitions de types TypeScript
- Compatible avec Tailwind, CSS Modules, CSS-in-JS ou le CSS simple
- React Portals pour les fenêtres popup et les superpositions
- Conseils pour isoler les contextes d’empilement et éviter les problèmes de z-index
- Modèles d’utilisation contrôlée et non contrôlée
- Large choix de composants (menus, boîtes de dialogue, popovers, onglets, sélecteurs, curseurs, etc.)
- Compatible avec le rendu côté serveur et indépendant des frameworks
- Licence open source MIT
- Documentation disponible en Markdown avec des outils d’aide pour les LLM
Éléments associés
MaterialUI
Ce produit propose un ensemble complet d’outils pour créer des interfaces utilisateur avec React, en privilégiant la flexibilité et le respect des normes de conception.
Radix Vue
Un portage non officiel pour Vue proposant des composants d’interface personnalisables et accessibles pour créer des systèmes de design.
PrimeVue
Un riche ensemble de composants d'interface utilisateur open source, conçus pour créer des applications Vue.js facilement et efficacement.
Radix Primitives
Des primitives React accessibles, open source et sans styles pour créer des applications web et des systèmes de design de qualité.
Vaul
Un composant de tiroir sans style, conçu pour s'intégrer facilement aux applications React et améliorer les interactions sur les appareils mobiles.
ChakraUI
Créez rapidement et efficacement des applications web accessibles grâce à un ensemble complet de composants essentiels, faciles à utiliser et hautement personnalisables.
cmdk
Ce composant offre une solution complète de menu de commandes pour React, axée à la fois sur l’expérience utilisateur et la flexibilité pour les développeurs.