Components
Every part of the kit on one page. Copy the markup you need. Each part follows the theme and the accent colour.
Buttons
Primary uses the accent colour. Ink is for the main action on a quiet screen.
Pills, toggles and keys
Status labels and on/off tool toggles.
Form fields
Labels are always visible. Errors say how to fix the problem.
Messages
A question with a file, and an answer with steps, a table, a source and actions.
1,204 rows, 6 columns
38 products
Message states
Waiting, still arriving, and failed.
managed database vs self-hosted
An answer that is still arriving ends with a caret
Streaming
The real renderer with the demo adapter.
Press play to watch an answer arrive word by word.
Code blocks
Coloured for JavaScript, TypeScript, Python, JSON, HTML, CSS, SQL and shell. Each has a copy button.
Answer text
Everything the Markdown renderer supports.
Message box
With a file, a tool switched on and dictation running.
Suggestion cards
Shown on an empty conversation.
Menus, dialogs and toasts
All keyboard friendly: arrows in menus, focus stays inside dialogs, Esc closes.
Rename conversation
Banners, meters and loading
For limits, offline and loading states.