Collection of UI component sets and design systems built specifically for React application development.
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
Headless UI provides a suite of accessible, TypeScript-ready, and headless components that integrate seamlessly with utility-first CSS to accelerate the development of custom design systems.
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
This library provides a comprehensive set of headless, accessible, and TypeScript-ready React primitives that serve as the foundational building blocks for creating custom, themeable UI component systems.
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
This is a comprehensive React component library that provides accessible, TypeScript-ready, and themeable components with a headless-style copy-paste architecture that integrates seamlessly with utility-first CSS.
Base UI is a headless component library and unstyled framework providing accessible interface primitives. It decouples behavioral logic and state management from the visual layer, allowing developers to implement complex UI patterns while maintaining total control over the final styling. The library implements WAI-ARIA design patterns to ensure all primitives support standard keyboard navigation and screen reader accessibility. It provides a suite of low-level building blocks that handle the internal mechanics of interface elements without bundling any CSS. The framework covers a broad range
Base UI is a headless React component library that provides accessible, TypeScript-ready primitives designed for full control over styling and integration, making it a comprehensive solution for building custom design systems.
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 specialized headless UI library that provides the complex state and accessibility logic for building custom dropdowns and comboboxes, making it a powerful tool for developers who need to build accessible selection components from scratch.
This project is a headless UI table library and state manager for building data grids. It functions as a type-safe logic engine that manages table state and data grid behavior without providing pre-defined styles or HTML markup. The library employs a headless pattern, separating internal logic and state from visual presentation. By providing hooks rather than styled components, it allows developers to maintain full control over the markup, styles, and interaction behavior of their tables. The core engine covers complex datagrid implementation, including the management of sorting, filtering,
This is a headless UI library specifically designed for building complex data grids in React, providing the necessary logic and state management while leaving the visual styling and markup entirely to you.
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 comprehensive React component library that provides accessible, TypeScript-ready, and themeable building blocks with a utility-first styling architecture, making it a complete solution for accelerating frontend development.
shadcn/ui offers a collection of React UI components and a CLI-driven registry system for direct source code integration.
This project provides a comprehensive collection of accessible, TypeScript-ready React components that use a headless architecture and utility-first styling, making it a flagship example of a modern component library.
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 comprehensive React component library that provides accessible, type-safe, and highly themeable components, making it a flagship solution for accelerating frontend development.
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 that provides a full suite of accessible, TypeScript-ready UI elements, robust theming capabilities, and a rich ecosystem of hooks for managing complex application state.
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, enterprise-grade React component library that provides a vast array of accessible, TypeScript-ready UI elements with robust theming and documentation, making it a flagship solution for accelerating frontend development.
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 a comprehensive design system that provides a robust set of accessible, TypeScript-ready React components, though it follows a more opinionated design-led architecture rather than a strictly headless one.
cmdk is an unstyled, headless React component library for building accessible search-based navigation and command interfaces. It provides the logic and state management required to create keyboard-navigable command palettes that filter lists of actions and items based on user input. The library distinguishes itself by remaining visually agnostic, offering a collection of logic-heavy components without predefined styles. It supports advanced organization through hierarchical menu navigation, nested paging systems, and conditional group filtering that hides categories when no child items match
This is a specialized headless React component library focused on command palettes and search-based navigation, providing accessible, TypeScript-ready primitives that integrate well into larger UI systems.
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
This is a CSS-based component library designed for utility-first workflows that provides a wide range of pre-styled elements, though it is primarily built for Tailwind CSS rather than being a native React-specific component library.
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 is a comprehensive, industry-standard component library that provides accessible, TypeScript-ready, and highly themeable React components, though it follows a traditional styled-component approach rather than a strictly headless architecture.
Ant Design Mobile is a mobile UI component library and design system built for React. It provides a collection of pre-styled interface elements and standardized UI blocks used to create consistent, responsive user interfaces for mobile web applications. The framework focuses on mobile web design and frontend interface engineering, providing tools to implement interaction patterns tailored for touch-based browsing. It ensures a uniform look and feel across different mobile browsers and handheld device screens. The library incorporates responsive layout systems and CSS-variable-based theming.
This is a comprehensive React component library specifically tailored for mobile web interfaces, offering TypeScript support and theming, though it is optimized for mobile touch interactions rather than general-purpose desktop applications.
Arwes is a sci-fi React UI framework and futuristic component library designed for building web interfaces with cyberpunk aesthetics. It provides a thematic web UI toolkit that combines stylized components with an SVG animation engine to create immersive visual identities. The project distinguishes itself through coordinated animation sequences that control the assembly and disassembly of interface elements. It integrates a sensory feedback system that maps user interaction events to synchronized audio clips and manages dynamic backgrounds to enhance the environmental atmosphere. The framewo
Arwes is a specialized React UI framework that provides a suite of themed, TypeScript-supported components, though its focus on sci-fi aesthetics and animation makes it a niche choice compared to general-purpose component libraries.
React-bits is a comprehensive toolkit for web development that combines a library of interactive motion primitives with a command-line interface for component management and AI-assisted coding. It provides a framework for implementing declarative motion states and specialized typography animations, allowing developers to build responsive, gesture-enabled interfaces that respond to user input. The project distinguishes itself through a remote registry system that allows for the direct injection of modular UI source code into local project directories. It also features a protocol-based bridge t
This repository provides a collection of interactive UI components and motion primitives that can be injected into your project, offering a headless, style-agnostic approach that aligns with your need for reusable React building blocks.