HextaUI und prompt-kit
prompt-kit gibt dir die Bausteine eines KI-Chats, etwa eine Nachricht, ein Prompt-Eingabefeld und einen Tool-Aufruf, als kostenlose shadcn/ui-Komponenten. HextaUI gibt dir die fertigen Screens, die aus diesen Bausteinen werden, mit bereits gelösten schwierigen Zuständen. Diese Seite vergleicht beide mit Stand Oktober 2026.
Die kurze Antwort
Nimm prompt-kit, wenn du kleine, kostenlose Bausteine für einen Chat 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 lassen sich mit der shadcn CLI installieren und teilen die Theme-Tokens von shadcn/ui, du kannst sie also mischen.
Auf einen Blick
| HextaUI im Vergleich mit prompt-kit | HextaUI | prompt-kit |
|---|---|---|
| Was du bekommst | Komponenten, KI-Blöcke und eine vollständige Chat-App | Komponenten und Beispielblöcke für KI-Chats |
| Preis | Komponenten kostenlos, KI-Blöcke als Einmalzahlung, Prompt Input kostenlos | Kostenlos |
| Lizenz | MIT für Komponenten, Pro-Lizenz für Blöcke | MIT |
| Primitives | Base UI | Radix, über shadcn/ui |
| AI SDK | Optional, liest dieselben Message-Parts | Optional, in den Chatbot-Beispielen verwendet |
| Komplette Screens | Chat-App, Artifacts, Diff-Review, Einstellungsseiten | Beispiel-Layouts, darunter eine Chat-App mit Verlaufs-Sidebar |
| Fehlerzustände | Stoppen, Wiederholen, fehlgeschlagene Antworten, Tool-Freigaben und fehlgeschlagene Uploads gelöst | Dir überlassen |
Bausteine oder Screens
prompt-kit ist eine gut gemachte Sammlung von Bausteinen: ein Chat-Container, der unten haften bleibt, ein Prompt-Eingabefeld, Markdown, Reasoning, Quellen und ein Tool-Aufruf. Was passiert, wenn etwas schiefgeht, bleibt dir überlassen. Die Tool-Komponente zeigt einen Aufruf etwa als streamend, bereit, fertig oder fehlgeschlagen, hat aber keinen Zustand für einen Aufruf, der auf eine Freigabe wartet. Prompt Input sendet bei Enter, ohne zu prüfen, ob eine Eingabemethode noch Zeichen zusammensetzt, und File Upload kann hineingezogene Dateien annehmen, zeigt aber weder Upload-Fortschritt noch einen fehlgeschlagenen Upload.
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.
- 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 Komponenten von prompt-kit gibt es ein Gegenstück in HextaUI. Die Namen unten stammen aus der Dokumentation von prompt-kit.
| prompt-kit | HextaUI |
|---|---|
| Chat Container, Message, Scroll Button | Chat Thread, dazu die kostenlosen Komponenten Message und Message scroller |
| Prompt Input, Prompt Suggestion, File Upload | Prompt Input, kostenlos |
| Reasoning, Chain of Thought, Steps, Thinking Bar, Source | Thinking |
| Tool | Tool Calls |
| Markdown, Response Stream | Markdown und Streaming |
| Code Block | Code Block |
| JSX Preview | Artifact |
| Text Shimmer, Loader | Shimmer und Spinner, kostenlos |
| System Message | Alert, kostenlos |
| Sidebar chat history, Full chat app | Chat Sidebar und HextaAI |
HextaUI hat auch Screens, die prompt-kit nicht abdeckt, etwa Diff Review, Voice Mode und Einstellungsseiten für ein KI-Produkt wie Models, API keys und Billing.
Wann prompt-kit die bessere Wahl ist
- Du willst alles kostenlos und Open Source. Die meisten KI-Blöcke von HextaUI sind kostenpflichtig.
- Du brauchst einen kleinen Chat innerhalb einer größeren App, in dem eine Nachrichtenliste, ein Prompt-Feld und Markdown reichen.
- Du willst die Screens und ihr Verhalten bei Fehlern selbst gestalten und brauchst für jeden Baustein nur einen guten Ausgangspunkt.
- Du willst Radix-Primitives. HextaUI basiert ausschließlich auf Base UI.
- Du willst eine kostenlose Open-Source-Chat-App als Ausgangspunkt. Zola ist mit prompt-kit gebaut, vom selben Autor.
Umstieg von prompt-kit
Du musst nicht alles auf einmal ersetzen. Beide Bibliotheken kopieren Quellcode in dein Projekt, tausche also einen Baustein aus, sobald du brauchst, was er abdeckt. Der Composer ist ein guter erster Schritt, denn Prompt Input ist kostenlos und liest denselben useChat-Status, wenn dein Chat auf dem AI SDK läuft. Ersetze die Nachrichtenliste durch Chat Thread, sobald fehlgeschlagene Antworten, Wiederholungen und Bearbeitungen wichtig werden.
Fragen
Ist prompt-kit kostenlos?
Ja. prompt-kit ist Open Source unter der MIT-Lizenz, und seine Komponenten und Beispielblöcke lassen sich mit der shadcn CLI installieren.
Braucht prompt-kit das AI SDK?
Nein. Die Komponenten importieren das AI SDK nicht, auch wenn die Tool-Komponente dieselben Tool-Zustände nutzt und die Chatbot-Beispiele darauf aufbauen. HextaUI funktioniert genauso: Die Blöcke lesen Message-Parts des AI SDK, ohne das SDK zu importieren.
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 prompt-kit im selben Projekt nutzen?
Ja. Beide legen ihren Quellcode in dein Projekt und nutzen die Theme-Tokens von shadcn/ui. prompt-kit baut auf Radix auf und HextaUI auf Base UI, solange du sie mischst, enthält dein Projekt also beides.