HextaUI und AI Elements

Zweimal AI Elements

AI Elements entstand bei Vercel als Komponentenbibliothek für das AI SDK. Laut Repository wird es Ende November 2026 eingestellt und durch AI Elements von shadcn/ui ersetzt, eine Sammlung von Patterns, die du ohne Paketinstallation in dein Projekt kopierst. Diese Seite behandelt beide, weil man bei der Suche nach dem einen meist auf das andere stößt.

Die kurze Antwort

Nimm AI Elements, wenn du kostenlose Bausteine willst und die Screens samt ihrer Fehlerzustände selbst gestalten möchtest. Nimm HextaUI, wenn du Chat-Thread, Composer, Tool-Aufrufe und Einstellungsseiten schon fertig haben willst, mit durchdachten Fehlern, Wiederholungen, Abbrüchen und Freigaben. Beide legen ihren Quellcode in dein Projekt und teilen die Theme-Tokens von shadcn/ui, du kannst sie also mischen.

Auf einen Blick

Bausteine oder Screens

Ein Chat wirkt einfach, bis etwas schiefgeht. Die Antwort bricht auf halbem Weg ab. Die Person stoppt sie, bearbeitet eine frühere Nachricht oder schickt eine weitere, während das Modell noch schreibt. Ein Tool braucht mitten im Stream eine Freigabe. Ein Upload schlägt fehl, oder das Modell schickt eine halbe Tabelle. AI Elements gibt dir die Teile, um all das zu bauen, und überlässt die Entscheidungen dir. Das eigene Message-Beispiel zeigt etwa Retry als Aktion, die du selbst mit regenerate() verbindest.

HextaUI-Blöcke sind genau diese Entscheidungen, bereits getroffen und getestet:

• Chat Thread: Fehlgeschlagene Antworten bieten „Try again“, abgebrochene Antworten zeigen das an, und Bearbeitungen und neue Versuche werden zu Versionen, zwischen denen du wechseln kannst. Deine Frage bleibt oben angeheftet, während die Antwort streamt, und ältere Verläufe laden nach, ohne dass die Ansicht springt.
• Prompt Input: Enter unterbricht nie eine Eingabe auf Japanisch, Chinesisch oder Koreanisch, Uploads zeigen ihren Fortschritt und lassen sich wiederholen, Nachrichten, die du während einer Antwort tippst, warten in einer Warteschlange, und Entwürfe überstehen ein Neuladen. Es ist kostenlos.
• Tool Calls: Jeder Tool-Zustand des AI SDK hat sein eigenes Aussehen, auch Freigaben, mit „Tell it what to do instead“, um dem Modell eine Begründung zurückzuschicken.
• Markdown und Streaming: Antworten zeigen nie halb getippte Syntax, und stoßweise ankommende Chunks werden gleichmäßig eingeblendet, statt zu ruckeln.
• Artifact: Eine Änderung, die sich nicht anwenden lässt, schlägt mit Begründung fehl und behält die letzte funktionierende Version, Vorschauen wechseln ohne weißes Aufblitzen, und Laufzeitfehler kommen mit der Aktion „Fix it“.
• Chat Sidebar: Löschen mit Rückgängig, Umbenennen direkt an Ort und Stelle, Chats, die noch antworten, und Tausende Chats, die sofort öffnen.

HextaAI fügt alle Blöcke zu einer vollständigen Chat-App zusammen, die du öffnen und ausprobieren kannst, bevor du irgendetwas installierst.

Baustein für Baustein

Für die meisten AI-Elements-Bausteine gibt es ein Gegenstück in HextaUI. Die Namen unten stammen aus beiden AI-Elements-Dokumentationen.

HextaUI hat auch Screens, die AI Elements nicht abdeckt, etwa Chat Sidebar und Einstellungsseiten für ein KI-Produkt wie Models, API keys und Billing.

Wann AI Elements die bessere Wahl ist

• Du willst alles kostenlos und Open Source. Die meisten KI-Blöcke von HextaUI sind kostenpflichtig.
• Du brauchst nur ein paar Bausteine und willst die Screens und ihr Verhalten bei Fehlern selbst gestalten.
• Du brauchst einen Workflow-Canvas mit Nodes und Edges. Die Version von Vercel hat einen, HextaUI nicht.
• Du willst Radix-Primitives. HextaUI basiert ausschließlich auf Base UI, während die shadcn/ui-Version beides anbietet.
• Du willst Code, der von shadcn/ui selbst gepflegt wird, mit dessen Community und Beispielen im Rücken.

Weg von Vercels AI Elements

Ende November geht nichts kaputt. Die Komponenten liegen bereits als Quellcode in deinem Repository, und laut shadcn/ui müssen bestehende Nutzer nicht migrieren. Wenn du diese Screens wieder anfasst, hast du drei Optionen: den Code behalten und selbst pflegen, auf die shadcn/ui-Patterns umsteigen oder einen Screen durch einen HextaUI-Block ersetzen.

HextaUI-Blöcke lesen dieselben Message-Parts, die useChat zurückgibt, sodass dein Route-Handler und deine Daten bleiben, wie sie sind. Fang mit dem Composer an, denn Prompt Input ist kostenlos, und tausche Thread und Tool-Aufrufe aus, sobald du brauchst, was sie abdecken.

Fragen

Weitere Vergleiche

• HextaUI vs assistant-ui
• HextaUI vs prompt-kit
• HextaUI vs. shadcn/ui
• shadcn-KI-Chat-Templates