Hero UI

React component library for building accessible, polished user interfaces on web and mobile. Built on Tailwind CSS v4 and React Aria Components, it ships with smooth animations, consistent design tokens, and WCAG-aligned accessibility including keyboard navigation, focus management, and screen reader support.

Originally released as NextUI, the library is maintained under an MIT license and backed by YC S24. HeroUI differentiates by combining a living library model with deep customization: components receive ongoing updates and fixes, while each part remains customizable via Tailwind utilities, CSS variables, or BEM modifiers. The ecosystem extends beyond web with HeroUI Native for React Native and a visual theme builder.

Key capabilities:

• 50+ components spanning forms, navigation, overlays, data display, and date pickers
• Built on React Aria for accessibility at scale and React 19 with Tailwind v4
• Tree-shaking so only imported components land in the bundle
• Theme builder for custom color systems and design tokens
• HeroUI Native for cross-platform mobile apps with shared design language
• TypeScript-first APIs with strong IDE autocompletion

Teams use HeroUI to ship dashboards, SaaS UIs, and internal tools with a consistent, professional look while keeping full control over styling. The structured component slots and predictable patterns pair well with AI-assisted development workflows. Figma design kit and Tailwind Play examples support rapid prototyping.