AI
Motion for the interfaces everyone is building right now.
Streaming text, tool calls and a chat composer with Pinky's restraint — every state renders completely without motion first, so reduced motion and screen readers never wait on an animation.
01 · Streaming
Tokens arrive; the interface says so.
Streaming Text
Pulling the last three deploys and comparing their build times…
Streaming Actions
One button, two roles — it morphs instead of swapping out.
02 · Composer
A prompt field built for slash commands and attachments.
03 · Structure
A conversation is more than message text.
Message Bubble
Thinking Panel
Tool Call Card
Browse all · 6 AI components
The full set of AI components, easy to reach.
Live studies stay above. This compact catalogue keeps the full family visible, with canonical patterns first and quieter variations kept in context.
name / relationship / detail
text
1 entry
- Open detail
Token-by-token reveal with a blinking cursor, interruptible mid-stream.
reasoning
1 entry
- Open detail
A collapsible reasoning panel that swaps its label between "thinking" and "thought for Xs".
message
1 entry
- Open detail
A staggered, spring-entrance chat bubble with distinct user and assistant tones.
tool
1 entry
- Open detail
A tool invocation card that flows through pending, running, done and error states.
input
1 entry
- Open detail
An auto-growing chat composer with attachments and a keyboard-navigable slash-command menu.
actions
1 entry
- Open detail
One button that morphs between Stop and Regenerate as a response streams in and finishes.