HextaUI et AI Elements

Deux choses appelées AI Elements

AI Elements est né chez Vercel comme bibliothèque de composants pour l’AI SDK. Son dépôt indique désormais qu’il sera déprécié fin novembre 2026 et remplacé par AI Elements de shadcn/ui, un ensemble de patterns que vous copiez dans votre projet, sans paquet à installer. Cette page couvre les deux, car en cherchant l’un, on tombe généralement sur l’autre.

La réponse courte

Utilisez AI Elements si vous voulez des briques gratuites et prévoyez de concevoir vous-même les écrans et leurs états d’erreur. Utilisez HextaUI si vous voulez le fil de discussion, le champ de saisie, les appels d’outils et les pages de paramètres déjà construits, avec les erreurs, les nouvelles tentatives, les arrêts et les approbations déjà réglés. Les deux placent leur code source dans votre projet et partagent les tokens de thème de shadcn/ui, vous pouvez donc les combiner.

En un coup d’œil

Des pièces ou des écrans

Un chat semble simple jusqu’à ce que quelque chose tourne mal. La réponse échoue à mi-chemin. La personne l’interrompt, modifie un message précédent ou en envoie un autre pendant que le modèle écrit encore. Un outil a besoin d’une approbation en plein streaming. Un envoi de fichier échoue, ou le modèle envoie la moitié d’un tableau. AI Elements vous donne les pièces pour gérer chacun de ces cas, et vous laisse les décisions. Son propre exemple Message, par exemple, présente Retry comme une action que vous reliez vous-même à regenerate().

Les blocs HextaUI sont ces décisions, déjà prises et testées :

• Chat Thread : les réponses en échec proposent Try again, les réponses interrompues l’indiquent, et les modifications et nouvelles tentatives deviennent des versions entre lesquelles vous pouvez basculer. Votre question reste épinglée en haut pendant le streaming de la réponse, et l’historique plus ancien se charge sans que la vue ne saute.
• Prompt Input : Entrée n’interrompt jamais la saisie en japonais, chinois ou coréen, les envois de fichiers affichent leur progression et peuvent être relancés, les messages tapés pendant une réponse attendent dans une file, et les brouillons survivent à un rechargement. Il est gratuit.
• Tool Calls : chaque état d’outil de l’AI SDK a son propre rendu, y compris les approbations, avec « Tell it what to do instead » pour renvoyer une raison au modèle.
• Markdown et Streaming : les réponses n’affichent jamais de syntaxe à moitié tapée, et les morceaux qui arrivent par rafales s’affichent à un rythme régulier au lieu de saccader.
• Artifact : une modification impossible à appliquer échoue avec une raison et conserve la dernière version valide, les aperçus se remplacent sans flash blanc, et les erreurs d’exécution arrivent avec une action Fix it.
• Chat Sidebar : suppression avec annulation, renommage sur place, chats qui sont encore en train de répondre, et des milliers de chats qui s’ouvrent instantanément.

HextaAI assemble tous les blocs en une application de chat complète que vous pouvez ouvrir et essayer avant d’installer quoi que ce soit.

Pièce par pièce

La plupart des pièces d’AI Elements ont un équivalent HextaUI. Les noms ci-dessous proviennent des deux documentations d’AI Elements.

HextaUI propose aussi des écrans qu’AI Elements ne couvre pas, comme Chat Sidebar et des pages de paramètres pour un produit d’IA telles que Models, API keys et Billing.

Quand AI Elements est le meilleur choix

• Vous voulez que tout soit gratuit et open source. La plupart des blocs d’IA de HextaUI sont payants.
• Vous n’avez besoin que de quelques pièces et voulez concevoir vous-même les écrans, et leur comportement en cas d’échec.
• Vous avez besoin d’un canvas de workflow avec des nœuds et des liens. La version de Vercel en propose un, HextaUI non.
• Vous voulez des primitives Radix. HextaUI est construit uniquement sur Base UI, tandis que la version de shadcn/ui propose les deux.
• Vous voulez du code maintenu par shadcn/ui lui-même, avec sa communauté et ses exemples derrière.

Quitter AI Elements de Vercel

Rien ne casse fin novembre. Les composants sont déjà du code source dans votre dépôt, et shadcn/ui indique que les utilisateurs existants n’ont pas besoin de migrer. Quand vous retoucherez ces écrans, vous aurez trois options : garder le code et le maintenir vous-même, passer aux patterns de shadcn/ui, ou remplacer un écran par un bloc HextaUI.

Les blocs HextaUI lisent les mêmes parts de message que celles renvoyées par useChat, donc votre route handler et vos données restent tels quels. Commencez par le champ de saisie, puisque Prompt Input est gratuit, puis remplacez le fil et les appels d’outils lorsque vous avez besoin de ce qu’ils gèrent.

Questions

Autres comparaisons

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