32 card kinds
Price, checkout, verify, compare, products, table, timeline, callout, link preview, brand palette, workflow diff, workflow run and human approval among them. The agent emits a card; the chat renders a real component.
Back to AI Chat
Every component the chat can render
54 AI Element modules live in this repo, exporting 410 components, hooks and helpers. Each one below is the real component, running — not a screenshot. Type in the composers, approve the tool call, drag a node. They are files, not a dependency, styled with the same six design tokens as the rest of the site.
- 54
- modules
- 410
- exported parts
- 15
- in the live chat
- 5
- in use elsewhere
- 34
- available, unwired
in the live chat
in use elsewhere — showcase, page blocks, composer
available, not yet wired
On top of these
The AI Elements are primitives. ONE adds the layers that make an answer do something.
34 chat modules
The surface around the transcript — thread list, layout menu, mention picker, toolkit picker, voice menu, add menu, identity badge, sign-in prompt, and the per-surface intros that give an empty chat something to say.
4 page blocks
AIChatBlock, AIHeroPromptBlock, AICodeBlock and AIArtifactBlock are draggable in the page editor — the chat becomes a configurable page element instead of a hard-coded widget.