# heroui-inc/heroui

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/heroui-inc-heroui).**

28,174 stars · 2,062 forks · TypeScript · mit

## Links

- GitHub: https://github.com/heroui-inc/heroui
- Homepage: https://heroui.com
- awesome-repositories: https://awesome-repositories.com/repository/heroui-inc-heroui.md

## Topics

`component-library` `components` `library` `reactjs`

## Description

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 polymorphic rendering to maintain semantic HTML structures and use centralized providers to propagate global design tokens and themes throughout the component tree.

These capabilities support the creation of responsive, adaptive layouts and facilitate rapid interface prototyping. The framework is documented through a collection of pre-styled components that allow for customization via variant-based style mapping.

## Tags

### Web Development

- [Component Libraries](https://awesome-repositories.com/f/web-development/component-libraries.md) — Provides modular functional units that leverage standard hooks for state and accessibility.
- [Responsive Layout Systems](https://awesome-repositories.com/f/web-development/responsive-layout-systems.md) — Creates fluid layouts that automatically adjust to different screen sizes and devices.

### User Interface & Experience

- [Accessible Component Libraries](https://awesome-repositories.com/f/user-interface-experience/accessible-component-libraries.md) — Builds user interfaces that meet modern accessibility standards while maintaining a professional look.
- [Declarative UI Toolkits](https://awesome-repositories.com/f/user-interface-experience/declarative-ui-toolkits.md) — Simplifies the creation of interactive interfaces through predictable state-driven component composition.
- [User Interface Frameworks](https://awesome-repositories.com/f/user-interface-experience/user-interface-frameworks.md) — Builds accessible and customizable user interfaces using pre-styled components. ([source](https://heroui.com/llms.txt#heroui-v3-documentation))
- [Accessibility Utilities](https://awesome-repositories.com/f/user-interface-experience/accessibility-utilities.md) — Automatically injects WAI-ARIA attributes and keyboard handlers to maintain component accessibility.
- [Utility-First Styling](https://awesome-repositories.com/f/user-interface-experience/utility-first-styling.md) — Applies styles through atomic utility classes for rapid customization and design consistency.
- [Theming Engines](https://awesome-repositories.com/f/user-interface-experience/theming-engines.md) — Propagates global design tokens through a centralized provider for consistent visual styling.
- [Polymorphic Components](https://awesome-repositories.com/f/user-interface-experience/polymorphic-components.md) — Enables dynamic changes to underlying HTML element types while preserving semantic structure.

### Software Engineering & Architecture

- [Design Systems](https://awesome-repositories.com/f/software-engineering-architecture/design-systems.md) — Standardizes visual language and interaction patterns using modular UI building blocks.
- [Design System Foundations](https://awesome-repositories.com/f/software-engineering-architecture/design-system-foundations.md) — Provides visual primitives and interaction patterns to ensure consistent styling across applications.