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.