Interfaces for working with machines.
Kura UI is an open-source React toolkit of AI-native surfaces — composers, voice, shaders and agent harnesses — quiet by default, alive when the model speaks. Built so your coding agent picks the right component, every time.
Agents are the primary users
Discoverable, explainable, installable — by a model.
Every component ships a typed manifest. The docs, the shadcn registry, llms.txt, the MCP server and the CLI are all generated from it, so they can never disagree.
Agent integration guideA manifest per component
whenToUse, whenNotToUse, props with JSON Schema, anatomy, a11y and examples — validated against the TypeScript source on every commit.
MCP server
search_components, get_component, get_install_instructions, get_design_tokens. Your agent asks; Kura answers with exactly what to install.
llms.txt + markdown
Every docs page has a raw .md twin. llms-full.txt carries the whole library in one fetch.
CLI with --json
kura search, kura add, kura doctor. Copies source plus dependencies, shadcn-compatible, machine-readable output.
Components
Live, not screenshots. Each one reads its own manifest.
Agent Orb
voiceGlassy liquid sphere for voice agents, drawn in a shader: breathes when idle, reacts to mic and voice levels, swirls while thinking.
Composer
inputPrompt input for chat and agents: auto-growing textarea, attachments, toolbar slot, send→stop button, paste/drop files and a length hint.
- Read the failing test (done)1.2s
- Patch the date parser (in progress)
- Re-run the test suite (queued)
Agent Timeline
agentVertical plan tracker for multi-step agents: queued/active/done/failed/skipped steps, nested sub-steps, live durations and a connector that fills.
Artifact Card
conversationCard for something an agent made — document, code, web page, image, sheet or diagram — with generating/updating progress, versions and open-in-panel.
Audio Waveform
voiceCanvas audio visualiser — live bars, mirrored history or oscilloscope line from a mic or media element, or recorded peaks with a seek scrubber.
Mesh Gradient
effectsAnimated WebGL mesh gradient that blends up to six colours in OKLab, with distortion, swirl, grain and a pointer lens — for heroes and empty states.
Ask your agent
Add the MCP server and describe what you need. The agent searches the catalog, reads the manifest, and installs the component with its dependencies and tokens.
claude mcp add kura -- npx -y @kura-ui/mcp
# then, in your agent:
> add a "thinking" label to the chat while the model streams