awesome-repositories.com
Blog
awesome-repositories.com

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetÀ proposNotre méthodologiePresseServeur MCP
Mentions légalesConfidentialitéConditions d'utilisation
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

Bibliothèques de composants React accessibles

Classement mis à jour le 30 juin 2026

For une bibliothèque de composants React accessibles pour l'UI, the strongest matches are grommet/grommet (Grommet is a mature React UI component library built), gluestack/gluestack-ui (gluestack-ui is a React component library with over 30) and carbon-design-system/carbon (Carbon is an enterprise design system that provides a). uber/baseweb and mui/material-ui round out the shortlist. Each is ranked by relevance to your query, popularity and recent activity.

Collection de bibliothèques de composants UI React respectant strictement les normes d'accessibilité WAI-ARIA.

Bibliothèques de composants React accessibles

Trouvez les meilleurs dépôts grâce à l'IA.Nous recherchons les dépôts les plus pertinents grâce à l'IA.
  • grommet/grommetAvatar de grommet

    grommet/grommet

    8,354Voir sur GitHub↗

    Grommet is a React UI framework and accessible component library designed for building themed user interfaces. It provides a responsive design system and a themed interface toolkit to ensure inclusive user experiences across various screen sizes and device orientations. The framework emphasizes accessible UI development by providing pre-styled elements that follow web accessibility standards for screen readers and keyboard navigation. It enables the implementation of custom themes through a centralized system that manages visual styles and design tokens. The toolkit covers responsive web des

    Grommet is a mature React UI component library built around accessibility, theming, and responsive design, directly matching the need for prebuilt, accessible components with customization and documentation support.

    JavaScriptResponsive Layout SystemsDesign Token Theming
    Voir sur GitHub↗8,354
  • gluestack/gluestack-uiAvatar de gluestack

    gluestack/gluestack-ui

    4,931Voir sur GitHub↗

    gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built, accessible components that can be installed by copying their source files directly into a project, giving developers full control over customization without external runtime dependencies. Every component implements WAI-ARIA patterns, keyboard navigation, and screen reader support out of the box. A key differentiator is the copy-paste architecture: rather than a traditional package dependency, component source code is placed in the project, allowing direct editing and eliminating ve

    gluestack-ui is a React component library with over 30 prebuilt, accessible components that implement WAI-ARIA patterns, keyboard navigation, and screen reader support. Its copy-paste architecture and Tailwind CSS integration give you full customisation control, and it includes TypeScript support, responsive design, and interactive demos, squarely matching your need for a prebuilt, accessible React UI library.

    TypeScriptResponsive BreakpointsAccessibleAccessible UI Components
    Voir sur GitHub↗4,931
  • carbon-design-system/carbonAvatar de carbon-design-system

    carbon-design-system/carbon

    9,172Voir sur GitHub↗

    Carbon is an enterprise design system that provides a comprehensive collection of reusable UI components, design tokens, and guidelines for building professional web applications. It functions as a CSS framework that enforces a unified design language across projects through standardized typography, spacing, and color palettes. The system utilizes a platform-agnostic design token system to maintain visual consistency across different technologies. This includes centralized management of brand colors, motion easing curves, and a curated library of accessible SVG icons. The framework covers a

    Carbon is an enterprise design system that provides a comprehensive set of accessible, prebuilt React UI components with robust theming, TypeScript support, and responsive design — fitting this search as a flagship React component library with strong accessibility focus.

    TypeScriptResponsive Layout SystemsDesign Token ThemingDesign Tokens
    Voir sur GitHub↗9,172
  • uber/basewebAvatar de uber

    uber/baseweb

    8,989Voir sur GitHub↗

    Base Web is a React UI component library and design system implementation. It provides a collection of reusable interface elements and a responsive web framework designed to enforce a consistent visual language and layout across digital products. The project focuses on enterprise design systems and responsive web design, offering tools that automatically adapt user interfaces to fit various screen sizes and devices. It incorporates accessible interface design to ensure components follow standards for users with disabilities. The library utilizes a theme-based design token system and a compos

    Base Web is a production-ready React component library with built-in accessibility (WCAG compliance), a design token system for theming, responsive components, and full TypeScript support—all the prebuilt, customizable UI elements you need.

    TypeScriptResponsive Breakpoints
    Voir sur GitHub↗8,989
  • mui/material-uiAvatar de mui

    mui/material-ui

    98,459Voir sur GitHub↗

    Material UI is a comprehensive component-based library designed to accelerate the construction of professional, accessible web interfaces. It provides a centralized design system framework that manages visual tokens, typography, and color palettes to ensure consistent branding and layout constraints across complex application architectures. By encapsulating behavioral and accessibility logic within modular primitives, the library enables developers to build inclusive user experiences that adhere to rigorous design standards. The project distinguishes itself through a zero-runtime styling engi

    Material-UI (MUI) is a comprehensive React component library with built-in accessibility (WCAG compliance), a robust theming system for customization, TypeScript support, thorough documentation, and responsive components—exactly what you need to speed up development with prebuilt, accessible UI building blocks.

    JavaScriptDesign Tokens
    Voir sur GitHub↗98,459
  • ariakit/ariakitAvatar de ariakit

    ariakit/ariakit

    8,573Voir sur GitHub↗

    Ariakit is a headless component library and accessible UI component toolkit. It provides a set of unstyled web components with built-in accessibility patterns to ensure that screen readers and keyboard navigation function correctly. The project includes an adaptive color engine that calculates high-contrast text and dynamic surface colors for light and dark modes. It also features a concentric layout engine for computing nested padding, margins, and border radii for circular interface elements, alongside a design token system for managing global CSS variables. The toolkit covers broad capabi

    Ariakit is a headless React component library that provides unstyled but fully functional and accessible UI components with built-in WCAG-compliant patterns, TypeScript support, and theming via design tokens, making it an excellent fit for this search.

    TypeScriptAccessible UI Components
    Voir sur GitHub↗8,573
  • ant-design/ant-designAvatar de ant-design

    ant-design/ant-design

    98,362Voir sur GitHub↗

    Ant Design is an enterprise-grade component library and design system framework built for developing complex, data-heavy web applications. It provides a comprehensive collection of pre-built, state-driven interface elements that map data properties to rendered components, ensuring consistent interaction patterns and visual language across large-scale projects. The library distinguishes itself through a robust styling architecture that utilizes design tokens and hierarchical configuration providers to propagate global settings like themes, locale, and layout direction. By employing component-l

    Ant Design is a comprehensive React UI component library that provides a vast collection of prebuilt components, theming via design tokens, TypeScript support, and extensive documentation, making it an excellent fit for accelerating development with accessible, enterprise-grade interfaces.

    TypeScriptDesign Tokens
    Voir sur GitHub↗98,362
  • steven-tey/precedentAvatar de steven-tey

    steven-tey/precedent

    5,098Voir sur GitHub↗

    Precedent is a Next.js application starter and component library providing a foundational set of pre-configured tools and primitives for building production-ready web interfaces. It serves as a toolkit for bootstrapping applications with integrated authentication, analytics, and a collection of opinionated UI components. The project distinguishes itself through a Tailwind CSS UI kit that combines accessibility primitives and motion libraries to create polished interfaces. It includes a server-side image generator for programmatically creating dynamic social sharing images and preview visuals

    Precedent combines Radix UI accessibility primitives with Tailwind CSS components in a Next.js starter kit, providing prebuilt TypeScript components and responsive theming that directly speed up React development with an accessibility focus, though it is tied to a full application scaffold rather than a standalone library.

    TypeScriptAccessible UI ComponentsUI Kits
    Voir sur GitHub↗5,098
  • mantinedev/mantineAvatar de mantinedev

    mantinedev/mantine

    31,263Voir sur GitHub↗

    Mantine is a comprehensive component library for building accessible and responsive web applications. It provides a foundational set of UI elements and layout primitives, anchored by a base component that supports consistent styling, spacing, and layout properties across the entire interface. The library is built on a design-driven theme engine that uses a provider-based system to propagate global design tokens and color schemes throughout an application. The library distinguishes itself through a robust architecture that emphasizes component composition and reusable interaction logic. It uti

    Mantine is a comprehensive React component library built with TypeScript that provides a large set of prebuilt, accessible UI components, full theming via its theme engine, and responsive design — exactly what a developer needs to speed up development with accessibility and customization in mind.

    TypeScriptComponent LibrariesApplication ShellsBase Components
    Voir sur GitHub↗31,263
  • chakra-ui/chakra-uiAvatar de chakra-ui

    chakra-ui/chakra-ui

    40,438Voir sur GitHub↗

    Chakra UI is a design system component library and styling framework that provides a foundation for building consistent, accessible web interfaces. It functions as a centralized theme configuration engine, using a design-token-driven architecture to manage visual properties like color palettes and spacing rules as a single source of truth across an entire application. The framework distinguishes itself through a type-safe styling utility that automatically generates TypeScript definitions from theme configurations, ensuring accurate property referencing and editor autocompletion. It employs a

    Chakra UI is a React component library built with accessibility and theming at its core, providing prebuilt, WCAG-compliant components with TypeScript support, exactly what you need to speed up development with an accessible UI toolkit.

    TypeScriptDesign System ImplementationsComponent Library ArchitecturesDesign Token Architectures
    Voir sur GitHub↗40,438
  • shadcn-ui/uiAvatar de shadcn-ui

    shadcn-ui/ui

    116,724Voir sur GitHub↗

    shadcn/ui offers a collection of React UI components and a CLI-driven registry system for direct source code integration.

    shadcn/ui is a collection of copy-paste friendly React components built on Radix UI for accessibility and Tailwind CSS for full customization, giving you prebuilt, TypeScript‑supported, responsive UI elements with excellent documentation — exactly the kind of accessible component library you’re looking for.

    TypeScriptData TablesAssistant Skill IntegrationsButton Groups
    Voir sur GitHub↗116,724
  • palantir/blueprintAvatar de palantir

    palantir/blueprint

    21,836Voir sur GitHub↗

    Blueprint is a React UI component library and web design system focused on accessibility and the creation of data-dense interfaces. It provides a standardized framework of visual styles and reusable interface elements for building professional desktop applications. The toolkit is specifically optimized for displaying complex information and large datasets, featuring high-performance interactive data grids for rendering and manipulating data. The library covers a broad range of capability areas, including the construction of form inputs, navigation systems, and content layout management. It a

    Blueprint is a React UI component library and design system with a strong focus on accessibility, offering prebuilt components, TypeScript support, theme customization, and thorough documentation—perfectly matching the request for a WCAG-compliant, component-driven UI toolkit.

    TypeScriptReact ComponentsUser Interface ComponentsAccessible UI Frameworks
    Voir sur GitHub↗21,836
  • primefaces/primereactAvatar de primefaces

    primefaces/primereact

    8,323Voir sur GitHub↗

    PrimeReact is a comprehensive UI component library for building interactive user interfaces with React. It provides an accessible component suite, a form input framework, and a data visualization toolkit designed to meet accessibility standards through built-in keyboard navigation and focus management. The library features a themed design system that allows for visual customization via pre-defined skin sets or an unstyled mode. This unstyled mode decouples component behavior and accessibility logic from the presentation layer, enabling the implementation of custom corporate design systems. C

    PrimeReact is a comprehensive React UI component library with built-in accessibility features (keyboard navigation, focus management), theming via predefined skins or unstyled mode, and a wide range of prebuilt components, directly matching the need for an accessible, prebuilt UI component library.

    CSSReact ComponentsReact DevelopmentAccessible Component Suites
    Voir sur GitHub↗8,323
  • geekyants/nativebaseAvatar de GeekyAnts

    GeekyAnts/NativeBase

    20,389Voir sur GitHub↗

    NativeBase is a comprehensive toolkit of accessible components and responsive design frameworks used to build consistent mobile and web applications. It provides a cross-platform UI component library and a React Native component framework that enable the creation of layouts across Android, iOS, and the web from a single codebase. The system is distinguished by a responsive design system that automatically adjusts layouts and global themes to fit different screen sizes and color modes. It utilizes a utility-based styling approach, allowing developers to apply visual styles directly through com

    NativeBase is a cross-platform React component library with accessible, prebuilt UI components, theming, TypeScript support, and responsive design, making it a solid fit for building accessible interfaces across mobile and web.

    TypeScriptDesign TokensDark Mode Support
    Voir sur GitHub↗20,389
  • radix-ui/primitivesAvatar de radix-ui

    radix-ui/primitives

    18,642Voir sur GitHub↗

    Primitives is a library of unstyled, accessible building blocks designed for creating complex interface elements in React. It functions as a headless component framework, providing the underlying logic, state management, and accessibility compliance while leaving all visual styling and design decisions entirely to the developer. The library distinguishes itself through a composition-based architecture that allows developers to build interactive interfaces by nesting small, single-purpose components. This system automatically handles complex requirements such as WAI-ARIA attribute injection, f

    Radix Primitives is a headless React component library focused on accessibility and logic, but its unstyled approach means you'll need to add your own visuals and theming—it speeds up development through prebuilt behavior and WCAG compliance, not through out‑of‑the‑box styled components.

    TypeScriptAccessible UI Components
    Voir sur GitHub↗18,642
  • reach/reach-uiAvatar de reach

    reach/reach-ui

    5,977Voir sur GitHub↗

    Reach UI is an open-source library of accessible, low-level React components designed to serve as a foundation for building design systems and interactive user interfaces. It is an accessibility-first toolkit that handles core concerns like ARIA attributes, focus management, and screen reader support automatically, without requiring developer configuration. The library is built as a collection of standalone packages, each managing its own lifecycle and dependencies, enabling granular adoption and tree-shaking. Components use a polymorphic rendering pattern, accepting an as prop to render as

    Reach UI is an accessibility-first React component library that provides low-level, prebuilt UI components with automatic ARIA, focus management, and keyboard support, directly matching a search for accessible components — though its focus on foundational primitives may require more custom styling and theming than a high-level library.

    TypeScriptAccessible UI Components
    Voir sur GitHub↗5,977
  • chakra-ui/park-uiAvatar de chakra-ui

    chakra-ui/park-ui

    2,326Voir sur GitHub↗

    Park UI is a collection of accessible, pre-styled interface components designed for consistent design across multiple JavaScript frameworks. It functions as a cross-framework user interface kit that provides functional logic and styling hooks for building inclusive web applications. The library utilizes a headless component architecture that delegates state and accessibility logic to a decoupled engine, allowing for flexible styling. By employing a framework-agnostic approach, it ensures that interface elements maintain a unified design language and reliable behavior across various developmen

    Park UI is a cross-framework accessible component library that provides pre-styled, headless primitives for React and other frameworks, making it a solid fit for building inclusive UIs quickly—though it may not be as React-ecosystem-specific as dedicated React libraries.

    TypeScriptAccessible UI Components
    Voir sur GitHub↗2,326
  • necolas/react-native-webAvatar de necolas

    necolas/react-native-web

    22,132Voir sur GitHub↗

    This project is a cross-platform user interface framework that maps mobile-native component primitives to standard web elements. It enables developers to build consistent applications that function across both mobile and web environments by providing a unified library of components and shared logic. The framework distinguishes itself through a specialized style engine that converts JavaScript object-based declarations into optimized, scoped CSS at runtime. It also features a responsive layout engine that implements a flexbox-based system, ensuring that interfaces adapt dynamically to differen

    This library provides prebuilt React UI components for cross-platform use, so it fits the category of a React component library, but its documentation and features do not explicitly emphasize accessibility (WCAG compliance) or TypeScript support, which are key requirements in your search.

    JavaScriptComponent Type DefinitionsAccessible UI ComponentsSystem Theme Detection
    Voir sur GitHub↗22,132
  • downshift-js/downshiftAvatar de downshift-js

    downshift-js/downshift

    12,295Voir sur GitHub↗

    Downshift is a headless UI component library and framework for React that provides the state and interaction primitives necessary to build accessible autocomplete, combobox, and select dropdown components. It functions as a WAI-ARIA UI framework, generating the required ARIA attributes and keyboard event handlers to ensure screen reader compliance without providing any default styling. The library utilizes a headless component pattern to decouple interaction logic from the visual presentation. It manages complex state transitions through reducers and synchronizes internal UI state with extern

    Downshift is a headless React UI library focused on accessible autocomplete, combobox, and select primitives—it matches the need for accessible components, but its headless design means you build the visual layer yourself rather than getting pre‑styled out‑of‑the‑box components.

    JavaScriptAccessible UI Components
    Voir sur GitHub↗12,295
  • heroui-inc/herouiAvatar de heroui-inc

    heroui-inc/heroui

    29,684Voir sur GitHub↗

    HeroUI is a declarative toolkit for building accessible user interfaces through modular, React-based component composition. It provides a comprehensive set of reusable building blocks designed to standardize visual language and interaction patterns across web and mobile applications. The library distinguishes itself through an integrated approach to accessibility and styling. It automatically manages state and keyboard interactions by injecting appropriate attributes, while utilizing a utility-driven styling architecture to enforce design system consistency. Developers can leverage polymorphi

    HeroUI is a React component library focused on accessible, reusable UI building blocks with theming and responsive design support, which directly matches the need for prebuilt, WCAG-compliant components to accelerate development.

    MDXResponsive Layout Systems
    Voir sur GitHub↗29,684
  • chakra-ui/arkAvatar de chakra-ui

    chakra-ui/ark

    5,004Voir sur GitHub↗

    Ark is a headless UI component library that delivers accessible, cross-framework primitives with behavior governed by finite state machines. It provides unstyled components that encapsulate logic and accessibility — including full keyboard navigation, focus management, and WAI-ARIA support — while leaving visual styling entirely to the consumer. Components expose scoped data attributes for CSS targeting and use state machines to produce predictable, testable interactive behavior across every state transition. The library distinguishes itself through a state propagation model that distributes

    Ark is a headless (unstyled) React component library that provides accessible, WAI-ARIA‑compliant primitives with state‑machine‑driven behavior—so it fits the category of an accessible React UI library, but it leaves visual styling entirely to you, meaning the prebuilt components lack ready‑to‑use appearance.

    TypeScriptPrebuilt UI ComponentsType-Safe Component APIs
    Voir sur GitHub↗5,004
  • akveo/kittentricksAvatar de akveo

    akveo/kittenTricks

    7,267Voir sur GitHub↗

    KittenTricks is a cross-platform mobile starter kit and UI library for building applications for iOS and Android. It provides a foundational set of production-ready, accessible components and pre-built screens to accelerate the bootstrapping of mobile interfaces. The project features a dynamic mobile theming system that allows for the management and switching of light and dark color schemes at runtime. This framework enables real-time updates to the visual appearance of the interface without requiring an application restart. The library implements a comprehensive design system to ensure visu

    KittenTricks is a cross‑platform mobile UI library and starter kit built with TypeScript that provides accessible, pre‑built components and a dynamic theming system, making it a solid fit for React developers needing ready‑made components—though its focus is mobile (iOS/Android) rather than web.

    TypeScriptMobile Starter KitsAccessible Component LibrariesComponent-Based UI Libraries
    Voir sur GitHub↗7,267
  • cosscom/cossAvatar de cosscom

    cosscom/coss

    10,125Voir sur GitHub↗

    Coss is an accessible UI component library and design system framework used to build web interfaces. It provides a comprehensive kit of interactive elements and layout building blocks that follow screen reader and keyboard navigation standards. The project functions as a UI overlay management library, offering specialized tools for implementing anchored popovers, tooltips, and slide-out panels with smooth transitions. It includes a set of accessible form primitives and selection controls to ensure compatibility across different assistive technologies. Its broader capabilities cover the const

    Coss is an accessible React UI component library and design system that provides prebuilt, TypeScript-based components with theming support, directly matching your need for accessible UI building blocks.

    TypeScriptAccessible Component LibrariesDesign System ImplementationsOverlay Managers
    Voir sur GitHub↗10,125
Comparez le top 10 en un coup d'œil
DépôtStarsLangageLicenceDernier push
grommet/grommet8.4KJavaScriptApache-2.016 juin 2026
gluestack/gluestack-ui4.9KTypeScript—20 févr. 2026
carbon-design-system/carbon9.2KTypeScriptApache-2.017 juin 2026
uber/baseweb9KTypeScriptMIT8 juin 2026
mui/material-ui98.5KJavaScriptMIT22 juin 2026
ariakit/ariakit8.6KTypeScript—23 juin 2026
ant-design/ant-design98.4KTypeScriptMIT16 juin 2026
steven-tey/precedent5.1KTypeScriptMIT2 oct. 2024
mantinedev/mantine31.3KTypeScriptMIT16 juin 2026
chakra-ui/chakra-ui40.4KTypeScriptMIT11 juin 2026

Related searches

  • a library of UI components for React
  • une bibliothèque de composants UI pour React Native
  • une bibliothèque de composants UI pour les projets SvelteKit
  • des primitives de composants UI headless pour React
  • un design system pour construire des composants UI
  • une bibliothèque de composants pour Chakra UI
  • a component library for React web interfaces
  • une bibliothèque de composants pour les applications Vue 3