HextaUI y AI Elements

Dos cosas llamadas AI Elements

AI Elements nació en Vercel como una biblioteca de componentes para el AI SDK. Su repositorio indica ahora que quedará obsoleto a finales de noviembre de 2026 y que lo sustituirá AI Elements de shadcn/ui, un conjunto de patrones que copias en tu proyecto sin instalar ningún paquete. Esta página cubre ambos, porque quien busca uno suele encontrar el otro.

La respuesta corta

Usa AI Elements cuando quieras piezas gratuitas y pienses diseñar tú mismo las pantallas y sus estados de error. Usa HextaUI cuando quieras el hilo de chat, el compositor, las llamadas a herramientas y las páginas de ajustes ya construidos, con los errores, los reintentos, las detenciones y las aprobaciones resueltos. Ambos ponen su código fuente en tu proyecto y comparten los tokens de tema de shadcn/ui, así que puedes combinarlos.

De un vistazo

Piezas o pantallas

Un chat parece sencillo hasta que algo sale mal. La respuesta falla a mitad. La persona la detiene, edita un mensaje anterior o envía otro mientras el modelo sigue escribiendo. Una herramienta necesita aprobación en mitad del stream. Una subida falla, o el modelo envía media tabla. AI Elements te da las piezas para construir cada uno de esos casos y deja las decisiones en tus manos. Su propio ejemplo de Message, sin ir más lejos, muestra Retry como una acción que tú mismo conectas a regenerate().

Los bloques de HextaUI son esas decisiones, ya tomadas y probadas:

• Chat Thread: las respuestas fallidas ofrecen Try again, las respuestas detenidas lo indican, y las ediciones y los reintentos se convierten en versiones entre las que puedes cambiar. Tu pregunta se fija arriba mientras la respuesta se transmite, y el historial anterior se carga sin que la vista salte.
• Prompt Input: Enter nunca interrumpe la escritura en japonés, chino o coreano, las subidas muestran el progreso y se pueden reintentar, los mensajes escritos durante una respuesta esperan en una cola y los borradores sobreviven a una recarga. Es gratuito.
• Tool Calls: cada estado de herramienta del AI SDK tiene su propio aspecto, incluidas las aprobaciones, con “Tell it what to do instead” para enviar un motivo de vuelta al modelo.
• Markdown y Streaming: las respuestas nunca muestran sintaxis a medio escribir, y los fragmentos que llegan a ráfagas se muestran a un ritmo constante en lugar de a trompicones.
• Artifact: una edición que no se puede aplicar falla con un motivo y conserva la última versión correcta, las vistas previas se cambian sin un destello blanco y los errores en tiempo de ejecución incluyen una acción Fix it.
• Chat Sidebar: eliminar con opción de deshacer, renombrar en el sitio, chats que todavía están respondiendo y miles de chats que se abren al instante.

HextaAI reúne todos los bloques en una app de chat completa que puedes abrir y probar antes de instalar nada.

Pieza a pieza

La mayoría de las piezas de AI Elements tienen un equivalente en HextaUI. Los nombres de abajo vienen de la documentación de ambas versiones de AI Elements.

HextaUI también tiene pantallas que AI Elements no cubre, como Chat Sidebar y páginas de ajustes para un producto de IA, como Models, API keys y Billing.

Cuándo es mejor AI Elements

• Quieres que todo sea gratuito y de código abierto. La mayoría de los bloques de IA de HextaUI son de pago.
• Solo necesitas unas pocas piezas y quieres diseñar tú mismo las pantallas y cómo fallan.
• Necesitas un canvas de flujos de trabajo con nodos y conexiones. La versión de Vercel tiene uno y HextaUI no.
• Quieres primitivos de Radix. HextaUI está construido solo sobre Base UI, mientras que la versión de shadcn/ui ofrece ambos.
• Quieres código mantenido por el propio shadcn/ui, con su comunidad y sus ejemplos detrás.

Dejar AI Elements de Vercel

Nada se rompe a finales de noviembre. Los componentes ya son código fuente en tu repositorio, y shadcn/ui dice que los usuarios actuales no necesitan migrar. Cuando vuelvas a tocar esas pantallas, tienes tres opciones: conservar el código y mantenerlo tú mismo, pasarte a los patrones de shadcn/ui o sustituir una pantalla por un bloque de HextaUI.

Los bloques de HextaUI leen las mismas partes de mensaje que devuelve useChat, así que tu route handler y tus datos se quedan como están. Empieza por el compositor, ya que Prompt Input es gratuito, y después cambia el hilo y las llamadas a herramientas cuando necesites lo que resuelven.

Preguntas

Más comparaciones

• HextaUI vs assistant-ui
• HextaUI vs prompt-kit
• HextaUI vs shadcn/ui
• Plantillas de chat con IA para shadcn