UI · Apache-2.0 · shadcn-compatible
Agent-shaped React components.
@theokit/ui ships the surfaces your AI agent needs — chat threads, tool call cards, cost meters, memory inspectors — without the boilerplate of building them from scratch. Install via TheoKit by default, or pick components à la carte via the shadcn registry.
Components included
- ChatThread — streaming agent conversations with tool call cards
- ChatComposer — input box with model selector + streaming UI
- ToolCallCard — visual representation of an agent tool invocation
- CostMeter — LLM cost aggregation with USD totals per agent
- MemoryInspector — view + edit memory tiers (user/session/agent)
- ToolRegistry — list and toggle available tools
- shadcn-compatible primitives — Button, Input, Avatar, Card, Dialog, Tabs, and more
Two ways to install
With TheoKit (default)
TheoKit scaffolds your app with TheoUI components wired. No extra install — they are part of the framework.
$ npx create-theokit my-app
Standalone via shadcn registry
For existing projects that want only specific components. Each component is installed individually as source code in your repo.
$ npx shadcn@latest add https://usetheodev.github.io/theokit-ui/r/chat-thread.json