Repolode
Enviar
heroui-inc

heroui-inc/heroui

Biblioteca de componentes de UI para React basada en React Aria y Tailwind CSS v4, antes conocida como NextUI.

Ver en GitHubSitio web
Estrellas
30,968
Forks
2,237
Issues abiertos
24
Último commit
anteayer

¿Qué es?

HeroUI es una biblioteca de componentes para React que combina las primitivas de accesibilidad de React Aria con los estilos de Tailwind CSS v4. Ofrece una API de componentes compuestos, como Card.Header y Select.Item, y no requiere envolver la aplicación en un Provider. Es compatible con React 19 y Next.js, y los componentes se pueden instalar como un paquete completo o importar individualmente para aplicar tree-shaking.

La biblioteca está dirigida a equipos de producto que crean dashboards SaaS, paneles de administración, tiendas en línea y sitios de marketing con React. Tailwind se encarga de los estilos sin un runtime de CSS-in-JS, y un paquete de estilos independiente ofrece el tema por separado. El proyecto también incluye un servidor MCP, un archivo llms.txt y skills para agentes de asistentes de programación con IA, como Cursor y Claude Code.

HeroUI es el sucesor v3 de NextUI. La versión 2 sigue disponible en su propio sitio de documentación para proyectos existentes.

Funciones clave

  • 01Basada en React Aria para gestionar el teclado, el foco y el comportamiento con lectores de pantalla
  • 02Estilos con Tailwind CSS v4, sin un runtime de CSS-in-JS
  • 03API de componentes compuestos, como Card.Header y Select.Item
  • 04No requiere un wrapper Provider; es compatible con React 19 y Next.js
  • 05Paquetes por componente para aplicar tree-shaking, además de un paquete de estilos independiente
  • 06Servidor MCP, llms.txt y skills para agentes de asistentes de programación con IA

Casos de uso

  • Crear una aplicación SaaS con formularios, tablas, overlays y notificaciones
  • Crear un dashboard de administración con tokens de diseño coherentes
  • Desarrollar un sitio de marketing o una landing page con Next.js y componentes accesibles
  • Migrar un proyecto de NextUI a la API v3

Inicio rápido

  1. 1

    Consulta la documentación de inicio rápido de HeroUI

  2. 2

    Instala los paquetes de estilos y componentes de React

    npm install @heroui/styles @heroui/react

Antes de usarlo

  • La documentación de la versión actual v3 aún está en desarrollo y el README enlaza a un sitio v2 independiente para las versiones anteriores.

Temas

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

Preguntas frecuentes

¿Qué es heroui?
Biblioteca de componentes de UI para React basada en React Aria y Tailwind CSS v4, antes conocida como NextUI. HeroUI es una biblioteca de componentes para React que combina las primitivas de accesibilidad de React Aria con los estilos de Tailwind CSS v4. Ofrece una API de componentes compuestos, como Card.Header y Select.Item, y no requiere envolver la aplicación en un Provider. Es compatible con React 19 y Next.js, y los componentes se pueden instalar como un paquete completo o importar individualmente para aplicar tree-shaking.
¿heroui es gratuito? ¿Qué licencia tiene?
heroui es open source bajo la licencia Apache-2.0. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿heroui sigue mantenido?
Mantenimiento activo. El último commit de heroui fue el 18 oct 2026.
¿Para qué puedo usar heroui?
Crear una aplicación SaaS con formularios, tablas, overlays y notificaciones Crear un dashboard de administración con tokens de diseño coherentes Desarrollar un sitio de marketing o una landing page con Next.js y componentes accesibles Migrar un proyecto de NextUI a la API v3
¿Cómo se instala heroui?
Consulta la documentación de inicio rápido de HeroUI Instala los paquetes de estilos y componentes de React: npm install @heroui/styles @heroui/react
¿Dónde consigo heroui?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/heroui-inc/heroui

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados