Beautiful by default. Customizable by design.

Build accessible products with HeroUI

HeroUI is an open-source component library for React web and React Native applications. The web library combines React Aria Components with Tailwind CSS v4 to provide accessible behavior, typed APIs, customizable composition, and polished defaults. Teams can inspect the source, use the free packages, and adapt each component to their own design system.

Documentation for developers and coding agents

The HeroUI documentation includes installation guides, component APIs, examples, theming references, migration instructions, and an official CLI guide. Coding agents can use the generated llms.txt indexes, request documentation as markdown, search the public Docs Agent API, read its OpenAPI specification, or connect the existing HeroUI React and HeroUI Native MCP packages. These machine-readable resources expose the same public documentation without requiring a paid plan or weakening authentication for private services.