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.