UI + hooks
UI + hooks
Every AgentsKit UI binding exposes the same contract. Pick the framework; the API stays the same.
One hook, seven bindings. Every framework package mirrors
@agentskit/react's contract — same useChat return shape, same
headless components, same data-ak-* hooks.
Bindings
| Package | Primitive | Peer dep |
|---|---|---|
@agentskit/react | useChat + <ChatContainer> | react ^18|^19 |
@agentskit/ink | useChat + <ChatContainer> (terminal) | ink ^5 |
@agentskit/vue | useChat composable + <ChatContainer> | vue ^3.4 |
@agentskit/svelte | createChatStore | svelte ^5 |
@agentskit/solid | useChat | solid-js ^1.8 |
@agentskit/react-native | useChat (Metro-safe) | react + react-native |
@agentskit/angular | AgentskitChat service | @angular/core ^18|^19|^20 |
The hook
- useChat — contract, events, per-framework shape.
Components
Styling
- Data attributes — every stylable hook.
- Theming — CSS variables + presets.
Related
- Concepts → Runtime
- For agents → React · Ink
- Legacy: chat-uis · components · hooks — redirected here.