HextaUI e prompt-kit
O prompt-kit oferece as peças de um chat com IA, como uma mensagem, um campo de prompt e uma chamada de ferramenta, como componentes gratuitos do shadcn/ui. O HextaUI oferece as telas prontas que essas peças formam, com os estados difíceis já resolvidos. Esta página compara os dois em outubro de 2026.
A resposta curta
Use o prompt-kit quando quiser peças pequenas e gratuitas para um chat e pretender projetar você mesmo as telas e seus estados de falha. Use o HextaUI quando quiser a thread de chat, o campo de mensagem, as chamadas de ferramentas e as páginas de configurações já prontos, com erros, novas tentativas, interrupções e aprovações resolvidos. Os dois se instalam com a shadcn CLI e compartilham os tokens de tema do shadcn/ui, então você pode misturá-los.
Visão geral
| O HextaUI comparado com o prompt-kit | HextaUI | prompt-kit |
|---|---|---|
| O que você recebe | Componentes, blocos de IA e um app de chat completo | Componentes e blocos de exemplo para chat com IA |
| Preço | Componentes gratuitos, blocos de IA com pagamento único, Prompt Input gratuito | Gratuito |
| Licença | MIT para componentes, Licença Pro para blocos | MIT |
| Primitivos | Base UI | Radix, via shadcn/ui |
| AI SDK | Opcional, lê as mesmas partes de mensagem | Opcional, usado nos exemplos de chatbot |
| Telas completas | App de chat, artifacts, revisão de diff, páginas de configurações | Layouts de exemplo, incluindo um app de chat com barra lateral de histórico |
| Estados de falha | Interrupção, nova tentativa, respostas com falha, aprovações de ferramentas e uploads com falha já resolvidos | Por sua conta |
Peças ou telas
O prompt-kit é um conjunto de peças bem-feito: um contêiner de chat que fica preso ao fim, um campo de prompt, Markdown, raciocínio, fontes e uma chamada de ferramenta. O que acontece quando algo dá errado fica por sua conta. O componente Tool dele, por exemplo, mostra uma chamada como em streaming, pronta, concluída ou com falha, sem um estado para uma chamada que aguarda aprovação. O Prompt Input dele envia no Enter sem verificar se um método de entrada ainda está compondo, e o File Upload dele aceita arquivos arrastados, mas não mostra o progresso nem a falha do upload.
Os blocos do HextaUI são essas decisões, já tomadas e testadas:
- Chat Thread: respostas com falha oferecem Try again, respostas interrompidas avisam isso, e edições e novas tentativas viram versões que você pode alternar. Sua pergunta fica fixada no topo enquanto a resposta chega, e o histórico antigo carrega sem a tela pular.
- Prompt Input: o Enter nunca interrompe a digitação em japonês, chinês ou coreano, os uploads mostram progresso e permitem tentar de novo, mensagens digitadas durante uma resposta esperam em uma fila e os rascunhos sobrevivem a um recarregamento. É gratuito.
- Tool Calls: cada estado de ferramenta do AI SDK tem sua própria aparência, incluindo aprovações, com “Tell it what to do instead” para mandar um motivo de volta ao modelo.
- Markdown e Streaming: as respostas nunca mostram sintaxe pela metade, e trechos que chegam em rajadas aparecem em ritmo constante, sem engasgos.
- Chat Sidebar: excluir com desfazer, renomear no lugar, chats que ainda estão respondendo e milhares de chats que abrem na hora.
O HextaAI junta todos os blocos em um app de chat completo que você pode abrir e testar antes de instalar qualquer coisa.
Peça por peça
A maioria dos componentes do prompt-kit tem um equivalente no HextaUI. Os nomes abaixo vêm da documentação do prompt-kit.
| prompt-kit | HextaUI |
|---|---|
| Chat Container, Message, Scroll Button | Chat Thread, com Message e Message scroller gratuitos |
| 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 e Streaming |
| Code Block | Code Block |
| JSX Preview | Artifact |
| Text Shimmer, Loader | Shimmer e Spinner, gratuitos |
| System Message | Alert, gratuito |
| Sidebar chat history, Full chat app | Chat Sidebar e HextaAI |
O HextaUI também tem telas que o prompt-kit não cobre, como Diff Review, Voice Mode e páginas de configurações para um produto de IA, como Models, API keys e Billing.
Quando o prompt-kit é a melhor escolha
- Você quer tudo gratuito e open source. A maioria dos blocos de IA do HextaUI é paga.
- Você precisa de um chat pequeno dentro de um app maior, em que uma lista de mensagens, uma caixa de prompt e Markdown bastam.
- Você quer projetar você mesmo as telas, e como elas falham, e só precisa de um bom ponto de partida para cada peça.
- Você quer primitivos do Radix. O HextaUI é construído apenas sobre o Base UI.
- Você quer um app de chat gratuito e open source para começar. O Zola é feito com o prompt-kit pelo mesmo autor.
Saindo do prompt-kit
Você não precisa substituir tudo de uma vez. As duas bibliotecas copiam o código-fonte para o seu projeto, então troque uma peça quando precisar do que ela resolve. O campo de mensagem é um bom primeiro passo, já que o Prompt Input é gratuito e lê o mesmo status do useChat se o seu chat roda no AI SDK. Substitua a lista de mensagens pelo Chat Thread quando respostas com falha, novas tentativas e edições começarem a importar.
Perguntas
O prompt-kit é gratuito?
Sim. O prompt-kit é open source sob a licença MIT, e os componentes e blocos de exemplo dele se instalam com a shadcn CLI.
O prompt-kit precisa do AI SDK?
Não. Os componentes dele não importam o AI SDK, embora o componente Tool use os mesmos estados de ferramenta e os exemplos de chatbot sejam feitos com ele. O HextaUI funciona do mesmo jeito: os blocos leem as partes de mensagem do AI SDK sem importar o SDK.
O HextaUI é gratuito?
Os componentes são gratuitos e têm licença MIT. Os blocos de IA e as telas completas fazem parte do HextaUI Pro, com pagamento único e todos os blocos futuros incluídos. O Prompt Input é gratuito.
Posso usar o HextaUI e o prompt-kit no mesmo projeto?
Sim. Os dois colocam o código-fonte no seu projeto e usam os tokens de tema do shadcn/ui. O prompt-kit é construído sobre o Radix e o HextaUI sobre o Base UI, então o seu projeto carrega os dois enquanto você os mistura.