HextaUI y assistant-ui
assistant-ui es un framework de chat: un runtime que gestiona la conversación, con componentes que leen de él. HextaUI te da pantallas terminadas como componentes normales y deja el estado donde ya está. Esta página los compara a fecha de octubre de 2026.
La respuesta corta
Usa assistant-ui cuando quieras un framework de chat completo y gratuito y no te importe construir sobre su runtime, sobre todo con un backend de agentes como LangGraph. Usa HextaUI cuando quieras pantallas terminadas con un mismo diseño, desde el chat hasta las páginas de ajustes de tu producto de IA, como componentes a los que les pasas datos. Ambos ponen su código fuente en tu proyecto y comparten los tokens de tema de shadcn/ui.
De un vistazo
| HextaUI comparado con assistant-ui | HextaUI | assistant-ui |
|---|---|---|
| Qué obtienes | Componentes, bloques de IA y una app de chat completa | Un runtime de chat, primitivos headless y componentes con estilos |
| Precio | Componentes gratuitos, bloques de IA con pago único, Prompt Input gratuito | Gratuito, con un servicio en la nube opcional de pago |
| Licencia | MIT para los componentes, Licencia Pro para los bloques | MIT |
| Primitivos | Base UI | Base UI o Radix |
| Estado del chat | Tuyo. Los bloques reciben los mensajes como props | Lo gestiona un runtime de assistant-ui |
| Backends | Cualquiera, usando las partes de mensaje del AI SDK | AI SDK, LangGraph, LangChain, AG-UI, A2A, Google ADK o el tuyo propio |
| Plataformas | React en la web | React, además de React Native y apps de terminal |
| Pantallas de producto | Páginas de ajustes, modelos, claves de API, facturación y equipo | Centrado en interfaces de chat y de agentes |
Un framework o un conjunto de pantallas
assistant-ui parte del estado. Envuelves tu app en AssistantRuntimeProvider, eliges un runtime para tu backend y sus componentes leen el hilo desde ese runtime. Las ramas, la edición, los adjuntos, las aprobaciones de herramientas y los streams reanudables vienen del runtime, y sus componentes con estilos ya muestran estados como una ejecución detenida o una respuesta fallida. Es mucho trabajo que te ahorras, y a cambio tu chat vive dentro de su modelo. Dejarlo más adelante implica reescribir el estado, además de las pantallas.
HextaUI parte de la pantalla. Cada bloque es un componente al que le pasas mensajes, con la forma que devuelve useChat, y con los estados difíciles ya diseñados:
- 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.
- Settings: las páginas que rodean el chat, como Models, API keys, Billing y Team, con el mismo diseño.
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 los componentes de assistant-ui tienen un equivalente en HextaUI. Los nombres de abajo vienen de la documentación de assistant-ui.
| assistant-ui | HextaUI |
|---|---|
| Thread, Message actions, Edit message, Error state | Chat Thread, con los gratuitos Message y Message scroller |
| Message branches, Checkpoint history | Versiones y checkpoints en Chat Thread |
| Composer, Composer attachments, Model selector, Message queue, Draft restore | Prompt Input, gratuito |
| Thread list, Thread list sidebar | Chat Sidebar |
| Reasoning, Sources, Inline citation | Thinking |
| Tool call, Tool group, Approval card | Tool Calls |
| Agent plan, Todo list | Agent Todos |
| Markdown text, Streaming text | Markdown y Streaming |
| Syntax highlighter, Terminal block | Code Block |
| Artifact card, Web preview | Artifact |
| Reviewable diff, File tree | Diff Review, con el gratuito Tree |
| Composer voice, Voice conversation | Voice Mode |
| Runtimes, Assistant Cloud | Sin equivalente. HextaUI no tiene runtime ni almacenamiento alojado, así que el estado se queda en tu código. |
Cuándo es mejor assistant-ui
- Quieres que todo sea gratuito y de código abierto. La mayoría de los bloques de IA de HextaUI son de pago.
- Tu backend es un framework de agentes como LangGraph, LangChain, AG-UI o Google ADK, y quieres un adaptador para él en lugar de adaptar sus mensajes tú mismo.
- Quieres hilos guardados, informes de ejecución y analíticas sin construir el almacenamiento. Assistant Cloud se encarga de eso, y HextaUI no tiene un servicio alojado.
- También lanzas una app de React Native o de terminal y quieres un mismo modelo de chat en todas. HextaUI es solo para la web.
- Quieres primitivos de Radix. HextaUI está construido solo sobre Base UI.
- Quieres el catálogo más amplio de componentes de chat y de agentes, con una gran comunidad detrás.
Usarlos juntos
Elige uno para que se encargue de la conversación. Si assistant-ui ya gestiona tu chat, consérvalo y usa HextaUI para las pantallas de alrededor, como Models o API keys. Si usas el AI SDK y solo quieres mejores pantallas, los bloques de HextaUI leen las partes de mensaje que useChat ya te da, así que no hay ningún runtime que adoptar. Empieza por el compositor, ya que Prompt Input es gratuito.
Preguntas
¿assistant-ui es gratuito?
Sí. assistant-ui es de código abierto con licencia MIT. Assistant Cloud, su servicio alojado para hilos guardados y analíticas, es opcional y tiene un plan gratuito además de los de pago.
¿HextaUI tiene un runtime como assistant-ui?
No. Los bloques de HextaUI son componentes de React que reciben los mensajes como props, con la misma forma que devuelve useChat del AI SDK. El estado de tu chat se queda en useChat, en tu propio store o en tu servidor, y nada envuelve tu app.
¿HextaUI es gratuito?
Los componentes son gratuitos y tienen licencia MIT. Los bloques de IA y las pantallas completas forman parte de HextaUI Pro, un pago único que incluye todos los bloques que salgan después. Prompt Input es gratuito.
¿Puedo usar HextaUI y assistant-ui en el mismo proyecto?
Sí, pero deja que uno de los dos se encargue del chat. Ambos ponen su código fuente en tu proyecto y usan los tokens de tema de shadcn/ui, así que las páginas de ajustes o los componentes de HextaUI encajan junto a un hilo de assistant-ui sin retocar estilos.