HeroUI는 어떤 상황에서 사용하나요?

HeroUI는 Tailwind CSS v4 기반의 고성능 React 웹앱 구축, AI 코딩 어시스턴트(Cursor 등)를 통한 UI 자동 생성, Figma 디자인 시스템과 코드 동기화(Handoff) 등의 상황에서 활용할 수 있습니다.

HeroUI의 주요 기능은 무엇인가요?

HeroUI의 핵심 기능으로는 Tailwind CSS v4 및 React 19 완벽 지원, React Aria 기반 최고 수준 웹 접근성(WAI-ARIA), AI 협업을 위한 MCP(Model Context Protocol) 서버 제공 등이 있습니다.

히어로UI

HeroUI

Tailwind CSS의 성능과 React Aria의 접근성을 결합하여 고성능 웹 UI를 빠르게 구축하는 React 라이브러리

부분 무료CLIWebDesktop오픈소스LLM 기반

웹사이트 방문하기heroui.com

검증된 사실

라이브 가격: Free · 무료2026-06-15 확인
최신 버전: v3.2.12026-05-17
GitHub: ★ 28,107
최근 변경: 2026-06-17 HeroUI v3.2.1이 출시되어 @heroui/react 번들에서 react-aria 중복 의존성이 제거되고 SwitchGroup 수평 레이아웃 버그가 수정되었습니다. 소스: https://h

2026-06-15 직접 확인 · 자동 검증 데이터

제품 화면

2026-06-15 확인

가격 정보

부분 무료시작 가격: Open source (free)라이브 확인 2026-06-15

오픈소스 UI 라이브러리로 기본 구성 요소는 무료로 제공됩니다. Pro 플랜은 연간 $72(10인 미만 팀)부터 시작하며, 10인 이상의 대규모 팀을 위한 Team 플랜은 사용자당 연간 $90입니다. 프리미엄 컴포넌트에 대한 평생 액세스를 제공하는 일회성 결제 옵션도 선택할 수 있습니다.

가격표 확인하기

최근 업데이트와 소식

버전 업데이트2026-06-17
HeroUI v3.2.1이 출시되어 @heroui/react 번들에서 react-aria 중복 의존성이 제거되고 SwitchGroup 수평 레이아웃 버그가 수정되...
HeroUI v3.2.1이 출시되어 @heroui/react 번들에서 react-aria 중복 의존성이 제거되고 SwitchGroup 수평 레이아웃 버그가 수정되었습니다.
버전 업데이트2026-06-06
HeroUI v3.2.0이 출시되어 Calendar 컴포넌트에 주간·일간 뷰가 추가되고 React Aria 1.18 기반의 범위 선택 기능과 Tooltip 지연...
HeroUI v3.2.0이 출시되어 Calendar 컴포넌트에 주간·일간 뷰가 추가되고 React Aria 1.18 기반의 범위 선택 기능과 Tooltip 지연 테마 변수가 도입되었습니다.
버전 업데이트2026-05-25
HeroUI v3.1.0 출시: 중국어 문서 지원, 로컬라이즈된 데모, 새로운 테마 토큰 및 공유 스크롤바 시스템이 도입되었습니다.
HeroUI v3.1.0 출시: 중국어 문서 지원, 로컬라이즈된 데모, 새로운 테마 토큰 및 공유 스크롤바 시스템이 도입되었습니다.

소개AI 요약

HeroUI(구 NextUI)는 세련된 디자인과 접근성을 제공하는 현대적인 React UI 라이브러리로, Tailwind CSS v4와 React 19를 지원하며 AI 에이전트와의 협업에 최적화된 MCP 서버를 제공합니다. 2026년 3월 v3 정식 출시로 75개 이상의 웹 컴포넌트, CSS-first 테마, OKLCH 토큰 등을 완비했습니다.