HextaUI e AI Elements

Duas coisas chamadas AI Elements

O AI Elements nasceu na Vercel como uma biblioteca de componentes para o AI SDK. Agora o repositório informa que ele será descontinuado no fim de novembro de 2026 e substituído pelo AI Elements do shadcn/ui, um conjunto de padrões que você copia para o seu projeto, sem pacote para instalar. Esta página cobre os dois, porque quem procura um costuma encontrar o outro.

A resposta curta

Use o AI Elements quando quiser peças gratuitas 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 colocam o código-fonte no seu projeto e compartilham os tokens de tema do shadcn/ui, então você pode misturá-los.

Visão geral

Peças ou telas

Um chat parece simples até algo dar errado. A resposta falha no meio. A pessoa interrompe, edita uma mensagem anterior ou envia outra enquanto o modelo ainda está escrevendo. Uma ferramenta precisa de aprovação no meio de um stream. Um upload falha, ou o modelo envia meia tabela. O AI Elements dá as peças para construir cada um desses casos e deixa as decisões com você. O próprio exemplo de Message, por exemplo, mostra Retry como uma ação que você mesmo conecta a regenerate().

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.
• Artifact: uma edição que não pode ser aplicada falha com um motivo e mantém a última versão boa, as prévias são trocadas sem flash branco e os erros de execução vêm com a ação Fix it.
• 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 das peças do AI Elements tem um equivalente no HextaUI. Os nomes abaixo vêm da documentação das duas versões do AI Elements.

O HextaUI também tem telas que o AI Elements não cobre, como o Chat Sidebar e páginas de configurações para um produto de IA, como Models, API keys e Billing.

Quando o AI Elements é a melhor escolha

• Você quer tudo gratuito e open source. A maioria dos blocos de IA do HextaUI é paga.
• Você só precisa de algumas peças e quer projetar você mesmo as telas e como elas falham.
• Você precisa de um canvas de workflow com nós e arestas. A versão da Vercel tem um, e o HextaUI não.
• Você quer primitivos do Radix. O HextaUI é construído apenas sobre o Base UI, enquanto a versão do shadcn/ui oferece os dois.
• Você quer código mantido pelo próprio shadcn/ui, com a comunidade e os exemplos dele por trás.

Saindo do AI Elements da Vercel

Nada quebra no fim de novembro. Os componentes já são código-fonte no seu repositório, e o shadcn/ui diz que quem já usa não precisa migrar. Quando você mexer nessas telas de novo, terá três opções: manter o código e cuidar dele você mesmo, migrar para os padrões do shadcn/ui ou substituir uma tela por um bloco do HextaUI.

Os blocos do HextaUI leem as mesmas partes de mensagem que o useChat retorna, então seu route handler e seus dados continuam como estão. Comece pelo campo de mensagem, já que o Prompt Input é gratuito, e depois troque a thread e as chamadas de ferramentas quando precisar do que elas resolvem.

Perguntas

Mais comparações

• HextaUI vs assistant-ui
• HextaUI vs prompt-kit
• HextaUI vs shadcn/ui
• Templates de chat com IA para shadcn