Prompt Input
A compact prompt input for chat interfaces that expands when activated.
Prompt Input 2
A prompt input bar for chat interfaces with a layout reminiscent of Claude's chat input.
AI To-Do List
A collapsible task list that shows an agent's plan and progress.
Code Block
A syntax-highlighted code block for AI-generated code, with copy support.
Approval Card
A card for user questions and approval of an AI agent's proposed actions.
File Diff
A collapsible code diff that shows added and removed lines.
Tool Result
An expandable panel for an AI agent’s tool output.
Streaming Response
A streaming AI response with sources and feedback actions.
Image Generation
An image-generation panel with progress states and a finished result.
Image Generation 2
An animated grid that reveals an image when it is ready.
Tool Approval
A permission prompt for an AI agent’s tool call.
Citations
Expandable sources and numbered references for AI answers.
Agent Activity
A live timeline of an AI agent’s steps, searches and tool activity.
Agent Activity 2
An expandable agent activity demo for steps, search and coding.
Reasoning Text
Animated phrases that indicate an AI agent is working.
Loading States
Compact animated work indicators with a label and elapsed time.
Selection Actions
A contextual AI action bar for highlighted text.
Recommendation Card
A recommendation card with alternatives and confirmation.
Task Rows
Expandable task rows demonstrating an AI agent’s progress.
Thinking Orbs
Animated orbs for nine AI agent states.
Structured Output
A compact table of AI models, context sizes and input prices.
ChatGPT Orb
A fluid animated orb for an AI assistant interface.