Introducción

Qué es HextaUI

HextaUI es una colección de 65 componentes, 9 hooks y 5 utilidades para React. Los añades con el shadcn CLI, el código fuente llega a tu proyecto y desde ese momento es tu código para leer y modificar.

Cada componente conserva la API de shadcn/ui que ya conoces. Lo que cambia es el trabajo que de otro modo tendrías que hacer tú: los estados, los casos límite y los pequeños detalles que hacen que una interfaz se sienta terminada.

Inicio rápido

En un proyecto configurado con shadcn/ui, añade un componente:

pnpm dlx shadcn@latest add https://hextaui.com/r/button.json

Luego impórtalo desde @/components/ui.

import { Button } from "@/components/ui/button"

export function SaveButton() {
  return (
    <Button feedback onClick={() => saveSettings()}>
      Save changes
    </Button>
  )
}

Los requisitos, cómo añadirlo todo de una vez y el espacio de nombres @hextaui se explican en Instalación.

Qué obtienes

Esto se cumple en todos los componentes, así que no tienes que comprobar cada uno.

Movimiento

Las animaciones usan las curvas de easing del tema y pueden interrumpirse e invertirse a mitad de camino. Con movimiento reducido, el movimiento se convierte en un simple fundido.

Teclado y lectores de pantalla

Todo funciona solo con el teclado, y el foco va donde esperas cuando los popups se abren y se cierran. Los cambios también se anuncian: toasts, estados de carga y guardado, selecciones y cambios de diapositiva.

Táctil y pantallas pequeñas

Los objetivos táctiles crecen en pantallas táctiles, los inputs de texto se mantienen en 16px para que iOS no haga zoom, y los popups permanecen en pantalla hasta un ancho de 320px. Los diseños se reflejan para los idiomas de derecha a izquierda.

Alto contraste

Los anillos de foco, los bordes de los controles y los estados seleccionados siguen siendo visibles en el modo de alto contraste de Windows, y el tema por defecto cumple el contraste WCAG AA en claro y oscuro.

Construido sobre

• shadcn/ui con el estilo base-vega
• Primitivas de Base UI para el comportamiento y la accesibilidad
• Tailwind CSS v4, con tokens de tema para color, radio y easing
• Iconos de Tabler

Asistentes de IA

Cada página tiene una versión en Markdown, y /llms.txt las lista todas. Los asistentes compatibles con MCP pueden conectarse al servidor MCP de HextaUI para buscar en la documentación, leer las APIs de los componentes y obtener comandos de instalación.

Licencia

HextaUI es de código abierto bajo la licencia MIT, gratuito para proyectos personales y comerciales.