Repolode
Enviar
heroui-inc

heroui-inc/heroui

Biblioteca de componentes de UI para React, baseada em React Aria e Tailwind CSS v4, anteriormente conhecida como NextUI.

Ver no GitHubSite
Estrelas
30,968
Forks
2,237
Issues abertas
24
Último commit
anteontem

O que é?

HeroUI é uma biblioteca de componentes para React que combina os recursos de acessibilidade do React Aria com a estilização do Tailwind CSS v4. Ela oferece uma API de componentes compostos, como Card.Header e Select.Item, e dispensa um wrapper Provider em torno do app. É compatível com React 19 e Next.js, e os componentes podem ser instalados em um único pacote completo ou importados individualmente para permitir tree-shaking.

A biblioteca é voltada a equipes de produto que criam dashboards SaaS, painéis administrativos, lojas virtuais e sites de marketing com React. A estilização é feita com Tailwind, sem runtime de CSS-in-JS, e há um pacote styles separado que fornece o tema por conta própria. O projeto também inclui um servidor MCP, um arquivo llms.txt e skills para agentes de assistentes de programação com IA, como Cursor e Claude Code.

HeroUI é a sucessora da NextUI na v3. A versão 2 continua disponível em um site de documentação próprio para projetos existentes.

Recursos principais

  • 01Baseada em React Aria para oferecer suporte a teclado, foco e leitores de tela
  • 02Estilizada com Tailwind CSS v4, sem runtime de CSS-in-JS
  • 03API de componentes compostos, como Card.Header e Select.Item
  • 04Não exige um wrapper Provider; funciona com React 19 e Next.js
  • 05Pacotes por componente para tree-shaking, além de um pacote styles independente
  • 06Servidor MCP, llms.txt e skills para agentes de assistentes de programação com IA

Casos de uso

  • Criar uma aplicação SaaS com formulários, tabelas, overlays e notificações
  • Criar um dashboard administrativo com tokens de design consistentes
  • Desenvolver um site de marketing ou uma landing page com Next.js e componentes acessíveis
  • Migrar um projeto NextUI para a API v3

Início rápido

  1. 1

    Acesse a documentação de início rápido do HeroUI

  2. 2

    Instale os pacotes de estilos e componentes React

    npm install @heroui/styles @heroui/react

Antes de usar

  • A documentação da versão atual v3 ainda está em desenvolvimento, e o README indica um site v2 separado para as versões anteriores.

Tópicos

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

Perguntas frequentes

O que é heroui?
Biblioteca de componentes de UI para React, baseada em React Aria e Tailwind CSS v4, anteriormente conhecida como NextUI. HeroUI é uma biblioteca de componentes para React que combina os recursos de acessibilidade do React Aria com a estilização do Tailwind CSS v4. Ela oferece uma API de componentes compostos, como Card.Header e Select.Item, e dispensa um wrapper Provider em torno do app. É compatível com React 19 e Next.js, e os componentes podem ser instalados em um único pacote completo ou importados individualmente para permitir tree-shaking.
heroui é gratuito? Qual é a licença?
heroui é open source sob a licença Apache-2.0. Confira os termos da licença antes de usá-lo em produtos comerciais.
heroui ainda é mantido?
Manutenção ativa. O último commit de heroui foi em 18 de out. de 2026.
Para que posso usar heroui?
Criar uma aplicação SaaS com formulários, tabelas, overlays e notificações Criar um dashboard administrativo com tokens de design consistentes Desenvolver um site de marketing ou uma landing page com Next.js e componentes acessíveis Migrar um projeto NextUI para a API v3
Como instalar heroui?
Acesse a documentação de início rápido do HeroUI Instale os pacotes de estilos e componentes React: npm install @heroui/styles @heroui/react
Onde consigo heroui?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/heroui-inc/heroui

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados