HextaUI y prompt-kit
prompt-kit te da las piezas de un chat con IA, como un mensaje, un campo de prompt y una llamada a herramienta, como componentes gratuitos de shadcn/ui. HextaUI te da las pantallas terminadas en las que se convierten esas piezas, con los estados difíciles ya resueltos. Esta página los compara a fecha de octubre de 2026.
La respuesta corta
Usa prompt-kit cuando quieras piezas pequeñas y gratuitas para un chat 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 se instalan con la CLI de shadcn y comparten los tokens de tema de shadcn/ui, así que puedes combinarlos.
De un vistazo
| HextaUI comparado con prompt-kit | HextaUI | prompt-kit |
|---|---|---|
| Qué obtienes | Componentes, bloques de IA y una app de chat completa | Componentes y bloques de ejemplo para chat con IA |
| Precio | Componentes gratuitos, bloques de IA con pago único, Prompt Input gratuito | Gratuito |
| Licencia | MIT para los componentes, Licencia Pro para los bloques | MIT |
| Primitivos | Base UI | Radix, a través de shadcn/ui |
| AI SDK | Opcional, lee las mismas partes de mensaje | Opcional, se usa en sus ejemplos de chatbot |
| Pantallas completas | App de chat, artifacts, revisión de diffs, páginas de ajustes | Diseños de ejemplo, incluida una app de chat con barra lateral de historial |
| Estados de error | Detención, reintento, respuestas fallidas, aprobaciones de herramientas y subidas fallidas ya resueltos | Queda en tus manos |
Piezas o pantallas
prompt-kit es un conjunto de piezas bien hecho: un contenedor de chat que se queda pegado abajo, un campo de prompt, Markdown, razonamiento, fuentes y una llamada a herramienta. Lo que pasa cuando algo sale mal queda en tus manos. Su componente Tool, sin ir más lejos, muestra una llamada como en streaming, lista, terminada o fallida, sin ningún estado para una llamada que espera aprobación. Su Prompt Input envía con Enter sin comprobar si un método de entrada sigue componiendo, y su File Upload permite soltar archivos, pero no muestra el progreso de subida ni una subida fallida.
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.
- 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 los componentes de prompt-kit tienen un equivalente en HextaUI. Los nombres de abajo vienen de la documentación de prompt-kit.
| prompt-kit | HextaUI |
|---|---|
| Chat Container, Message, Scroll Button | Chat Thread, con los gratuitos Message y Message scroller |
| Prompt Input, Prompt Suggestion, File Upload | Prompt Input, gratuito |
| Reasoning, Chain of Thought, Steps, Thinking Bar, Source | Thinking |
| Tool | Tool Calls |
| Markdown, Response Stream | Markdown y Streaming |
| Code Block | Code Block |
| JSX Preview | Artifact |
| Text Shimmer, Loader | Shimmer y Spinner, gratuitos |
| System Message | Alert, gratuito |
| Sidebar chat history, Full chat app | Chat Sidebar y HextaAI |
HextaUI también tiene pantallas que prompt-kit no cubre, como Diff Review, Voice Mode y páginas de ajustes para un producto de IA, como Models, API keys y Billing.
Cuándo es mejor prompt-kit
- Quieres que todo sea gratuito y de código abierto. La mayoría de los bloques de IA de HextaUI son de pago.
- Necesitas un chat pequeño dentro de una app más grande, donde basta con una lista de mensajes, un cuadro de prompt y Markdown.
- Quieres diseñar tú mismo las pantallas, y cómo fallan, y solo necesitas un buen punto de partida para cada pieza.
- Quieres primitivos de Radix. HextaUI está construido solo sobre Base UI.
- Quieres una app de chat gratuita y de código abierto como punto de partida. Zola está hecha con prompt-kit por el mismo autor.
Dejar prompt-kit
No tienes que reemplazarlo todo de golpe. Ambas bibliotecas copian código fuente en tu proyecto, así que cambia una pieza cuando necesites lo que resuelve. El compositor es un buen primer paso, ya que Prompt Input es gratuito y lee el mismo estado de useChat si tu chat funciona con el AI SDK. Sustituye la lista de mensajes por Chat Thread cuando las respuestas fallidas, los reintentos y las ediciones empiecen a importar.
Preguntas
¿prompt-kit es gratuito?
Sí. prompt-kit es de código abierto con licencia MIT, y sus componentes y bloques de ejemplo se instalan con la CLI de shadcn.
¿prompt-kit necesita el AI SDK?
No. Sus componentes no importan el AI SDK, aunque su componente Tool usa los mismos estados de herramienta y sus ejemplos de chatbot están construidos con él. HextaUI funciona igual: los bloques leen las partes de mensaje del AI SDK sin importar el SDK.
¿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 prompt-kit en el mismo proyecto?
Sí. Ambos ponen su código fuente en tu proyecto y usan los tokens de tema de shadcn/ui. prompt-kit se basa en Radix y HextaUI en Base UI, así que tu proyecto incluye ambos mientras los combinas.