# UI component library

> AI-ranked search results for `reusable ui modules` on awesome-repositories.com — ordered by an LLM for relevance, best match first. 118 total matches; showing the top 30.

Explore on the web: https://awesome-repositories.com/q/reusable-ui-modules

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [this search on awesome-repositories.com](https://awesome-repositories.com/q/reusable-ui-modules).**

## Results

- [shadcn/ui](https://awesome-repositories.com/repository/shadcn-ui.md) (116,798 ⭐) — This project is a collection of accessible user interface components designed for full developer ownership. It functions as a copy-paste UI framework and headless component kit, providing the logic and structure for interface elements without relying on traditional versioned library dependencies.

The system distributes source code directly to the user, allowing for the creation of a custom component library. It utilizes a distribution method where components are copied into the codebase, ensuring that the visual and functional implementation remains under the developer's control.

The toolkit
- [tailwindlabs/headlessui](https://awesome-repositories.com/repository/tailwindlabs-headlessui.md) (28,619 ⭐) — Headless UI is a headless component library and accessible UI component kit that provides logic-only interface elements. It functions as a state-driven UI framework designed to provide functionality without prescribing any specific visual styles.

The library is specifically designed for integration with Tailwind CSS, enabling the implementation of custom design systems. It allows users to apply visual styles to components based on whether they are active, selected, or open.

The project covers the development of accessible UI components that meet ARIA standards and include built-in keyboard n
- [radix-ui/themes](https://awesome-repositories.com/repository/radix-ui-themes.md) (8,490 ⭐) — This project is an accessible UI component library and themed design system. It provides a collection of pre-made user interface components designed to meet accessibility standards and maintain a consistent visual identity across web applications.

The system includes an interactive theme previewer, which allows for the adjustment and testing of visual settings in real time within a running application.

It covers global theme management and design system implementation through root configurations and a token-driven approach. The library supports rapid frontend prototyping by offering a set of
- [grommet/grommet](https://awesome-repositories.com/repository/grommet-grommet.md) (8,354 ⭐) — 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
- [microsoft/fluentui](https://awesome-repositories.com/repository/microsoft-fluentui.md) (20,063 ⭐) — Fluent UI is a design system framework and TypeScript UI toolkit providing a comprehensive set of styles and accessibility guidelines. It functions as a React UI component library and a web component library, offering a collection of pre-styled elements and layout utilities to create a cohesive visual experience across web platforms.

The project translates a brand design language into a functional library of reusable components, ensuring cross-product visual consistency. It enables the implementation of design systems for enterprise web applications through the use of standardized visual and
- [chakra-ui/park-ui](https://awesome-repositories.com/repository/chakra-ui-park-ui.md) (2,326 ⭐) — 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
- [gluestack/gluestack-ui](https://awesome-repositories.com/repository/gluestack-gluestack-ui.md) (4,931 ⭐) — 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
- [brain-bones/skeleton](https://awesome-repositories.com/repository/brain-bones-skeleton.md) (5,991 ⭐) — Skeleton is a Svelte Tailwind UI toolkit and adaptive component library. It provides a utility-first design system for building reactive web interfaces, focusing on consistent themes and typography across various screen sizes.

The toolkit combines pre-styled components with layout tools to support responsive UI design and rapid frontend prototyping. It enables the creation of adaptive user interfaces through a standardized set of utility classes for styling and layout.

The system covers high-level capabilities in Svelte web development and Tailwind CSS styling, utilizing a flexible grid syst
- [segmentio/evergreen](https://awesome-repositories.com/repository/segmentio-evergreen.md) (12,424 ⭐) — Evergreen is a React UI component library and design system framework. It provides a collection of pre-styled, accessible interface elements used to build consistent web applications.

The library functions as a server-side rendered UI kit, allowing components to generate HTML on the server to improve page load speeds and search engine visibility. It includes a centralized styling layer for managing colors, typography, and spacing through custom UI theming.

The framework covers accessible web design and enterprise interface design, utilizing a token-based styling system to maintain a uniform
- [tamagui/tamagui](https://awesome-repositories.com/repository/tamagui-tamagui.md) (13,729 ⭐) — Tamagui is a cross-platform user interface framework designed to build high-performance, themeable applications that share logic and styling across web and mobile environments. It functions as a comprehensive design system orchestrator, providing a collection of type-safe components that compile to optimized atomic CSS for the web and native code for mobile platforms. By utilizing a build-time compiler, the framework eliminates runtime overhead, ensuring consistent visual output and interaction behavior regardless of the target platform.

The framework distinguishes itself through its advanced
- [radix-ui/primitives](https://awesome-repositories.com/repository/radix-ui-primitives.md) (18,642 ⭐) — 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
- [konstaui/konsta](https://awesome-repositories.com/repository/konstaui-konsta.md) (4,193 ⭐) — Konsta is a cross-platform mobile design system and native-style component library. It provides a collection of pre-made user interface components built with Tailwind CSS to create mobile application views that maintain a consistent native appearance across different mobile operating systems.

The library focuses on native interface emulation, applying design systems that mimic the official visual styles and guidelines of iOS and Android. It uses platform-specific style mapping and design-system-based theming to ensure hybrid or web applications look like native apps.

The framework covers mob
- [shoelace-style/shoelace](https://awesome-repositories.com/repository/shoelace-style-shoelace.md) (13,860 ⭐) — Shoelace is a web component UI library consisting of a suite of accessible, framework-agnostic user interface elements. It provides a collection of custom element components and reusable HTML tags that encapsulate style and behavior to work across any JavaScript framework or plain HTML pages.

The system is designed as a themable UI component system, utilizing CSS variables to manage visual themes and dark mode support. This allows for the implementation of custom design systems and a consistent visual language across web environments.

The library covers broader capabilities in accessible int
- [material-components/material-components-web](https://awesome-repositories.com/repository/material-components-material-components-web.md) (17,071 ⭐) — This project is a framework-agnostic UI library and a collection of modular web components based on the Material Design visual system. It provides a comprehensive set of interactive interface elements and a responsive web grid system for organizing page content.

The library utilizes a design token theme engine to apply consistent typography, colors, and visual styles across an interface. It separates behavioral logic from rendering to ensure that components remain compatible across different JavaScript environments.

The system covers responsive layout design and web form interface developmen
- [skeletonlabs/skeleton](https://awesome-repositories.com/repository/skeletonlabs-skeleton.md) (5,989 ⭐) — Skeleton is a design system and accessible UI component library built on Tailwind CSS. It provides a collection of pre-built interactive components with built-in accessibility and state management, alongside a CSS custom properties theme engine that enables runtime theme switching and dark mode support.

The project distinguishes itself through its adaptive design system approach, using CSS custom properties to create themeable tokens that integrate directly with Tailwind's utility-first framework. This allows developers to build visual design systems with customizable colors, fonts, and aesth
- [radix-vue/shadcn-vue](https://awesome-repositories.com/repository/radix-vue-shadcn-vue.md) (10,128 ⭐) — shadcn-vue is a collection of accessible and unstyled UI components for Vue. It serves as a design system foundation and a port of Radix UI primitives to the Vue ecosystem, focusing on providing a base for highly customizable web interfaces.

The project utilizes a template-driven distribution model, delivering raw source code via a CLI rather than a compiled library. This allows for the direct modification of components using Tailwind CSS utility classes to establish a unique visual identity.

The library covers accessible component architecture and custom design system implementation. It pro
- [carbon-design-system/carbon](https://awesome-repositories.com/repository/carbon-design-system-carbon.md) (9,172 ⭐) — 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
- [ariakit/ariakit](https://awesome-repositories.com/repository/ariakit-ariakit.md) (8,573 ⭐) — 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
- [geekyants/nativebase](https://awesome-repositories.com/repository/geekyants-nativebase.md) (20,389 ⭐) — 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
- [react-toolbox/react-toolbox](https://awesome-repositories.com/repository/react-toolbox-react-toolbox.md) (8,619 ⭐) — React Toolbox is a Material Design React component library and cross-platform UI kit. It provides a set of pre-styled user interface components that implement the Material Design specification to ensure consistent layouts and interaction patterns.

The library utilizes a CSS Modules styling framework to provide scoped design variables and theme overrides. This approach allows for global theming and fine-grained visual adjustments through a variable-based theme engine and custom property style overrides.

The project supports server-side rendering, enabling components to generate HTML on the ba
- [chakra-ui/chakra-ui](https://awesome-repositories.com/repository/chakra-ui-chakra-ui.md) (40,438 ⭐) — 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
- [heroui-inc/heroui](https://awesome-repositories.com/repository/heroui-inc-heroui.md) (29,684 ⭐) — 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
- [founded-labs/react-native-reusables](https://awesome-repositories.com/repository/founded-labs-react-native-reusables.md) (8,420 ⭐) — react-native-reusables is a cross-platform mobile UI library and an accessible component kit used to build consistent interfaces across different screen sizes. It functions as a Tailwind CSS component library, providing pre-styled interface elements that utilize utility classes for styling and layout.

The project enables cross-platform UI development for iOS and Android through a shared set of reusable visual components. It supports mobile interface prototyping and the creation of cohesive design systems by utilizing standardized, themeable interface elements to maintain uniform branding.

Th
- [douyinfe/semi-design](https://awesome-repositories.com/repository/douyinfe-semi-design.md) (10,017 ⭐) — Semi Design is a React UI component library and design token system used to build web application frontends. It provides a collection of pre-built interface elements and a framework of visual constants to maintain consistent branding across a product.

The project features a design-to-code workflow that converts visual design drafts into production-ready React code and stylesheets. It includes an internationalization framework for adapting interfaces to different languages and text layouts, as well as a web component wrapper to isolate UI elements for use in SDKs and browser plugins.

The libr
- [mantinedev/mantine](https://awesome-repositories.com/repository/mantinedev-mantine.md) (31,263 ⭐) — 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
- [saadeghi/daisyui](https://awesome-repositories.com/repository/saadeghi-daisyui.md) (41,125 ⭐) — This project is a utility-first component library that provides a comprehensive suite of pre-styled, reusable interface elements. It functions as a build-time engine that generates design-system-compliant styles by mapping semantic tokens to standard HTML elements and utility classes. By compiling all component styles into static CSS at build time, the library eliminates the need for client-side style calculation, ensuring efficient performance.

The library distinguishes itself through a configuration-driven architecture that manages color palettes and visual styles, enabling dynamic switchin
- [shadcn-ui/ui](https://awesome-repositories.com/repository/shadcn-ui-ui.md) (116,724 ⭐) — shadcn/ui offers a collection of React UI components and a CLI-driven registry system for direct source code integration.
- [mui-org/material-ui](https://awesome-repositories.com/repository/mui-org-material-ui.md) (0 ⭐)
- [uikit/uikit](https://awesome-repositories.com/repository/uikit-uikit.md) (18,534 ⭐) — UIkit is a CSS front-end framework and accessible UI component library designed for building responsive web interfaces. It provides a comprehensive set of styling classes and modular components alongside a JavaScript interaction toolkit for managing behavioral elements.

The framework includes native support for internationalized web interfaces, featuring multi-locale text translation and right-to-left layout directions. It employs a responsive layout engine that uses flexible grids, adaptive breakpoints, and container widths to align content across different screen sizes.

The toolkit covers
- [primefaces/primereact](https://awesome-repositories.com/repository/primefaces-primereact.md) (8,323 ⭐) — 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