heroui-inc/heroui

왜 HeroUI?

HeroUI (이전에 NextUI)는 Tailwind CSS v4의 유틸리티 첫 스타일링으로 React Aria의 접근성 리그를 결합하는 생산 ready React 구성 요소 라이브러리입니다. 그것은 깨끗한 화합물 구성 요소 API (Card.Header], Card.Content, Select.Item], …), 필요 없음 래퍼, 그리고 React 19 및 Next.js와 상자에서 작동합니다.

• 기본값으로 접근 가능 — WCAG-compliant 키보드, 초점 및 스크린 레더 동작을 위한 React Aria에 내장
• Tailwind CSS v4 - 현대 엔진, CSS-in-JS 런타임, 작은 출력, 빠른 빌드 -Compound Components — Composable API ([Card.Header]], Card.Content]]) 대신 deeply Nested props
• 영 보일러판 — No Provider wrapper 필요 (Charkra, MUI와 동일)
• AI-native — MCP 서버, llms.txt, 에이전트 기술 그래서 AI 조수는 구성 요소를 이해 -Battle-tested — NextUI로 이전, 수천 개의 생산 앱으로 신뢰할 수 있는

패키지

| 포장 | 묘사 | |—||| | [T7] | 전체 부품 번들 | | [T8] | 스타일 / 테마 한정 | | 구성요소|e.g.

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.