Studio

Design voice agents, side panels and chat surfaces visually. Tweak them live, preview every state, then copy the code or a spec for your team.

Build an experience

Pick chat, a side panel copilot or a voice agent, then set the look, parts and behaviour in one flow and export the whole app.

Ten styles from particles to glass, palettes, shape and material, previewed in every state and inside real surfaces.

Layout, captions, waveform and backdrop for a call screen, with a live sample call.

Mobile voice chat as a drawer or full screen: panel material, controls, and the glow's colors and texture.

Docked or floating, surface, entrance motion, chat and voice modes, composer.

Docked, floating or inset app navigation, and how it collapses: icon rail, off-canvas, hover peek.

Context, tools, scope, voice and send behaviour, previewed where composers live.

Bubbles, density, avatars, and how reasoning, tool calls and sources show in a turn.

A ⌘K bar that runs commands and asks the agent.

How generated documents, code and previews open next to the chat.

Mesh, aurora, spotlight, rays, waves, dot and line fields, tinted by your theme.

Springs, durations and easing you can feel on real interactions, exported as lib/motion.ts.