Aller au contenu

BaseUI

Composants React sans interface ni styles prédéfinis, pour créer des interfaces accessibles et hautement personnalisables tout en gardant un contrôle total sur les styles.

Bibliothèque de composants React sans interface ni styles, qui offrent un contrôle total sur le balisage et CSS, tout en garantissant par défaut une forte accessibilité et un comportement conforme à ARIA.

Conçus comme des primitives composables avec une API fondée sur des emplacements, les composants peuvent être éliminés lors du tree shaking, sont prêts pour TypeScript et fonctionnent avec toute approche de stylisation, notamment Tailwind, les modules CSS, CSS-in-JS ou du CSS simple.

La bibliothèque couvre de nombreux modèles et primitives UI, 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 contextuels utilisent les portails React et recommandent de créer un contexte d'empilement isolé pour éviter les conflits de z-index et garantir que les superpositions apparaissent toujours 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.

Sous licence MIT, ce projet open source bénéficie de publications actives, 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 du code et l'intégration.

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

Cette solution open source UI permet de créer des systèmes de design sophistiqués à l'aide de composants personnalisables, adaptables à différents styles visuels et normes d'accessibilité.

Étoiles GitHub
3.9K
Mis à jour le
Dec 6, 2024
Licence
MIT License

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.

Étoiles GitHub
94.2K
Mis à jour le
Dec 6, 2024
Licence
MIT License

Un portage non officiel de Vue qui fournit des composants UI personnalisables et accessibles pour créer des systèmes de design.

Étoiles GitHub
3.8K
Mis à jour le
Dec 6, 2024
Licence
MIT License

Un riche ensemble de composants UI open source, conçus pour créer des applications Vue.js facilement et efficacement.

Étoiles GitHub
11.0K
Mis à jour le
Dec 6, 2024
Licence
MIT License

Des primitives React accessibles, open source et sans styles pour créer des applications web et des systèmes de design de qualité.

Étoiles GitHub
16.0K
Mis à jour le
Dec 6, 2024
Licence
MIT License

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.

Étoiles GitHub
6.5K
Mis à jour le
Dec 6, 2024
Licence
MIT License

Créez rapidement et efficacement des applications web accessibles grâce à un ensemble complet de composants essentiels, faciles à utiliser et hautement personnalisables.

Étoiles GitHub
38.1K
Mis à jour le
Dec 6, 2024
Licence
MIT License

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.

Étoiles GitHub
10.0K
Mis à jour le
Dec 6, 2024
Licence
MIT License

À propos de KickstartUI

KickstartUI est votre destination de référence pour découvrir les meilleurs frameworks, bibliothèques et outils de build UI. Nous sélectionnons avec soin des ressources de premier ordre pour aider les développeurs à donner vie à leurs idées UI. Que vous créiez une application web adaptative, conceviez une interface mobile ou imaginiez un prototype interactif, notre plateforme vous propose les outils essentiels pour accélérer vos projets et améliorer l'expérience utilisateur. Parcourez notre vaste collection pour suivre les dernières tendances, ouvrir de nouvelles possibilités et sublimer vos créations UI. Prêt à lancer votre prochain projet ? Découvrez nos ressources à la une ou recherchez des outils adaptés à vos besoins.