heroui-inc/heroui

##Почему герою?

HeroUI (ранее NextUI) - это готовая к производству библиотека компонентов React, которая сочетает в себе строгость доступности React Aria с практичным дизайном Tailwind CSS v4. Он поставляет чистый компонент API ([T0], [T1], [T2], …), не требует обертки и работает из коробки с React 19 и Next.js.

Доступно по умолчанию — Построено на React Aria для совместимой с WCAG клавиатуры, фокусировки и поведения считывателя экрана

• Tailwind CSS v4 - Современный двигатель без CSS-in-JS, меньший выход, более быстрая сборка Сложные компоненты — композитный API Card.Header, Card.Content вместо глубоко вложенных реквизитов
• Zero boilerplate - Обертка Провайдера не требуется (в отличие от Chakra, MUI) AI-native — MCP-сервер, llms.txt и навыки агента, чтобы помощники ИИ понимали ваши компоненты Боевые испытания — ранее известный как NextUI, которому доверяют тысячи производственных приложений

Пакеты

| Пакет | Описание [скрыто] [скрыто] [[Т7]] Полный комплект компонентов [8][править править вики-текст] | Компонентные субпаты | например.

Why HeroUI?

HeroUI (previously NextUI) is a production-ready React component library that combines the accessibility rigor of React Aria with the utility-first styling of Tailwind CSS v4. It ships a clean compound component API (Card.Header, Card.Content, Select.Item, …), requires no `` wrapper, and works out of the box with React 19 and Next.js.

• Accessible by default — Built on React Aria for WCAG-compliant keyboard, focus, and screen-reader behavior
• Tailwind CSS v4 — Modern engine, no CSS-in-JS runtime, smaller output, faster builds
• Compound components — Composable API (Card.Header, Card.Content) instead of deeply nested props
• Zero boilerplate — No Provider wrapper needed (unlike Chakra, MUI)
• AI-native — MCP server, llms.txt, and agent skills so AI assistants understand your components
• Battle-tested — Previously known as NextUI, trusted by thousands of production apps

Packages

Getting Started

Visit heroui.com/docs/react/getting-started/quick-start to get started with HeroUI.

npm install @heroui/styles @heroui/react

Who Is This For?

HeroUI is a good fit if you are building:

• SaaS applications — forms, tables, overlays, and notifications out of the box
• Dashboards & admin panels — data-dense layouts with consistent design tokens
• E-commerce storefronts — performant, accessible, SEO-friendly components
• Marketing sites & landing pages — polished UI without a heavyweight runtime
• Any React / Next.js project that values design quality and accessibility

AI-Powered Development

HeroUI is built for the AI-assisted development workflow.