HextaUI und assistant-ui
assistant-ui ist ein Chat-Framework: eine Runtime, die die Unterhaltung verwaltet, mit Komponenten, die daraus lesen. HextaUI gibt dir fertige Screens als einfache Komponenten und lässt den State, wo er schon ist. Diese Seite vergleicht beide mit Stand Oktober 2026.
Die kurze Antwort
Nimm assistant-ui, wenn du ein kostenloses, vollständiges Chat-Framework willst und gern auf seiner Runtime aufbaust, besonders mit einem Agent-Backend wie LangGraph. Nimm HextaUI, wenn du fertige Screens in einem einheitlichen Design willst, vom Chat bis zu den Einstellungsseiten deines KI-Produkts, als Komponenten, denen du Daten übergibst. Beide legen ihren Quellcode in dein Projekt und teilen die Theme-Tokens von shadcn/ui.
Auf einen Blick
| HextaUI im Vergleich mit assistant-ui | HextaUI | assistant-ui |
|---|---|---|
| Was du bekommst | Komponenten, KI-Blöcke und eine vollständige Chat-App | Eine Chat-Runtime, Headless-Primitives und gestylte Komponenten |
| Preis | Komponenten kostenlos, KI-Blöcke als Einmalzahlung, Prompt Input kostenlos | Kostenlos, mit optionalem kostenpflichtigem Cloud-Dienst |
| Lizenz | MIT für Komponenten, Pro-Lizenz für Blöcke | MIT |
| Primitives | Base UI | Base UI oder Radix |
| Chat-State | Bei dir. Blöcke bekommen Nachrichten als Props | Liegt in einer Runtime von assistant-ui |
| Backends | Beliebig, über Message-Parts des AI SDK | AI SDK, LangGraph, LangChain, AG-UI, A2A, Google ADK oder ein eigenes |
| Plattformen | React im Web | React, dazu React Native und Terminal-Apps |
| Produkt-Screens | Seiten für Einstellungen, Modelle, API-Keys, Abrechnung und Team | Auf Chat- und Agent-Oberflächen fokussiert |
Ein Framework oder fertige Screens
assistant-ui geht vom State aus. Du umschließt deine App mit AssistantRuntimeProvider, wählst eine Runtime für dein Backend, und die Komponenten lesen den Thread aus dieser Runtime. Verzweigungen, Bearbeiten, Anhänge, Tool-Freigaben und fortsetzbare Streams kommen aus der Runtime, und die gestylten Komponenten zeigen schon Zustände wie einen abgebrochenen Lauf oder eine fehlgeschlagene Antwort. Dir wird also viel Arbeit abgenommen, im Gegenzug lebt dein Chat in ihrem Modell. Wer später wechseln will, schreibt nicht nur die Screens neu, sondern auch den State.
HextaUI geht vom Screen aus. Jeder Block ist eine Komponente, der du Nachrichten in der Form übergibst, die useChat zurückgibt, und deren schwierige Zustände schon gestaltet sind:
- 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.
- Settings: die Seiten rund um den Chat, etwa Models, API keys, Billing und Team, im selben Design.
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 Komponenten von assistant-ui gibt es ein Gegenstück in HextaUI. Die Namen unten stammen aus der Dokumentation von assistant-ui.
| assistant-ui | HextaUI |
|---|---|
| Thread, Message actions, Edit message, Error state | Chat Thread, dazu die kostenlosen Komponenten Message und Message scroller |
| Message branches, Checkpoint history | Versionen und Checkpoints in Chat Thread |
| Composer, Composer attachments, Model selector, Message queue, Draft restore | Prompt Input, kostenlos |
| Thread list, Thread list sidebar | Chat Sidebar |
| Reasoning, Sources, Inline citation | Thinking |
| Tool call, Tool group, Approval card | Tool Calls |
| Agent plan, Todo list | Agent Todos |
| Markdown text, Streaming text | Markdown und Streaming |
| Syntax highlighter, Terminal block | Code Block |
| Artifact card, Web preview | Artifact |
| Reviewable diff, File tree | Diff Review, dazu das kostenlose Tree |
| Composer voice, Voice conversation | Voice Mode |
| Runtimes, Assistant Cloud | Kein Gegenstück. HextaUI hat weder Runtime noch gehosteten Speicher, der State bleibt also in deinem Code. |
Wann assistant-ui die bessere Wahl ist
- Du willst alles kostenlos und Open Source. Die meisten KI-Blöcke von HextaUI sind kostenpflichtig.
- Dein Backend ist ein Agent-Framework wie LangGraph, LangChain, AG-UI oder Google ADK, und du willst einen Adapter dafür, statt seine Nachrichten selbst abzubilden.
- Du willst gespeicherte Threads, Run-Berichte und Analytics, ohne den Speicher selbst zu bauen. Assistant Cloud übernimmt das, und HextaUI hat keinen gehosteten Dienst.
- Du lieferst auch eine React-Native- oder Terminal-App aus und willst überall dasselbe Chat-Modell. HextaUI gibt es nur fürs Web.
- Du willst Radix-Primitives. HextaUI basiert ausschließlich auf Base UI.
- Du willst den größten Katalog an Chat- und Agent-Komponenten, mit einer großen Community im Rücken.
Beide zusammen nutzen
Lass eine der beiden Bibliotheken die Unterhaltung verwalten. Wenn assistant-ui deinen Chat schon steuert, behalte es und nimm HextaUI für die Screens drumherum, etwa Models oder API keys. Wenn du das AI SDK nutzt und nur bessere Screens willst, lesen HextaUI-Blöcke die Message-Parts, die useChat dir schon liefert, du musst also keine Runtime übernehmen. Fang mit dem Composer an, denn Prompt Input ist kostenlos.
Fragen
Ist assistant-ui kostenlos?
Ja. assistant-ui ist Open Source unter der MIT-Lizenz. Assistant Cloud, der gehostete Dienst für gespeicherte Threads und Analytics, ist optional und hat neben kostenpflichtigen Plänen auch einen kostenlosen.
Hat HextaUI eine Runtime wie assistant-ui?
Nein. HextaUI-Blöcke sind React-Komponenten, die Nachrichten als Props bekommen, in derselben Form, wie useChat aus dem AI SDK sie zurückgibt. Dein Chat-State bleibt in useChat, deinem eigenen Store oder auf deinem Server, und nichts umschließt deine App.
Ist HextaUI kostenlos?
Die Komponenten sind kostenlos und MIT-lizenziert. Die KI-Blöcke und kompletten Screens gehören zu HextaUI Pro, einer Einmalzahlung, in der alle späteren Blöcke enthalten sind. Prompt Input ist kostenlos.
Kann ich HextaUI und assistant-ui im selben Projekt nutzen?
Ja, aber lass eine der beiden den Chat verwalten. Beide legen ihren Quellcode in dein Projekt und nutzen die Theme-Tokens von shadcn/ui, sodass Einstellungsseiten oder Komponenten von HextaUI ohne Anpassungen neben einem Thread von assistant-ui stehen.