Repolode
Предложить
heroui-inc

heroui-inc/heroui

Библиотека React-компонентов на базе React Aria и Tailwind CSS v4, ранее известная как NextUI.

Открыть на GitHubСайт
Звёзды
30,968
Форки
2,237
Открытые issues
24
Последний коммит
позавчера

Что это?

HeroUI — библиотека компонентов для React, объединяющая доступные примитивы React Aria и стилизацию с помощью Tailwind CSS v4. Она предлагает API составных компонентов, например Card.Header и Select.Item, и не требует оборачивать приложение в Provider. Библиотека совместима с React 19 и Next.js; компоненты можно установить одним пакетом или импортировать по отдельности для tree-shaking.

Библиотека предназначена для продуктовых команд, которые создают на React SaaS-дашборды, административные панели, интернет-магазины и маркетинговые сайты. За стилизацию отвечает Tailwind, без runtime для CSS-in-JS; отдельный пакет styles позволяет подключить только тему. В проект также входят MCP-сервер, файл llms.txt и agent skills для AI-ассистентов по написанию кода, таких как Cursor и Claude Code.

HeroUI — преемник NextUI, начиная с версии 3. Версия 2 по-прежнему доступна на отдельном сайте документации для существующих проектов.

Ключевые возможности

  • 01На базе React Aria: поддержка клавиатурной навигации, управления фокусом и скринридеров
  • 02Стилизация с Tailwind CSS v4 без runtime для CSS-in-JS
  • 03API составных компонентов, например Card.Header и Select.Item
  • 04Не требует обёртки Provider; совместима с React 19 и Next.js
  • 05Пакеты для отдельных компонентов, поддерживающие tree-shaking, и отдельный пакет styles
  • 06MCP-сервер, llms.txt и agent skills для AI-ассистентов по написанию кода

Сценарии использования

  • Создание SaaS-приложения с формами, таблицами, оверлеями и уведомлениями
  • Создание административной панели с единым набором дизайн-токенов
  • Разработка маркетингового сайта или лендинга на Next.js с доступными компонентами
  • Миграция проекта с NextUI на API версии 3

Быстрый старт

  1. 1

    Откройте документацию HeroUI по быстрому старту

  2. 2

    Установите пакеты стилей и компонентов React

    npm install @heroui/styles @heroui/react

Что важно знать

  • Документация для текущего релиза v3 еще развивается, а в README указана отдельная версия сайта v2 для более старых релизов.

Темы

#react#component-library#tailwind-css#accessibility#ui-components#nextjs#typescript#components#library#reactjs

Частые вопросы

Что такое heroui?
Библиотека React-компонентов на базе React Aria и Tailwind CSS v4, ранее известная как NextUI. HeroUI — библиотека компонентов для React, объединяющая доступные примитивы React Aria и стилизацию с помощью Tailwind CSS v4. Она предлагает API составных компонентов, например Card.Header и Select.Item, и не требует оборачивать приложение в Provider. Библиотека совместима с React 19 и Next.js; компоненты можно установить одним пакетом или импортировать по отдельности для tree-shaking.
heroui можно использовать бесплатно? Какая у него лицензия?
heroui распространяется с открытым исходным кодом под лицензией Apache-2.0. Перед использованием в коммерческих продуктах проверьте условия лицензии.
heroui всё ещё поддерживается?
Активно поддерживается. Последний коммит в heroui — 18 окт. 2026 г..
Для чего можно использовать heroui?
Создание SaaS-приложения с формами, таблицами, оверлеями и уведомлениями Создание административной панели с единым набором дизайн-токенов Разработка маркетингового сайта или лендинга на Next.js с доступными компонентами Миграция проекта с NextUI на API версии 3
Как установить heroui?
Откройте документацию HeroUI по быстрому старту Установите пакеты стилей и компонентов React: npm install @heroui/styles @heroui/react
Где скачать heroui?
Исходный код и инструкции по установке — на GitHub: https://github.com/heroui-inc/heroui

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты