A reference of how AI agents render their UI.
Curated screenshots of how production agents handle tool calls, streaming, citations, plans, errors, and everything else that makes an agent feel real. Browse, learn, build better interfaces.
Collapsible tool call with arguments preview
Claude Code·1 tag
Collapsible tool call with arguments preview
Inline file diff for code edits
Cursor·2 tags
Inline file diff for code edits
Animated cursor while streaming
Claude.ai·2 tags
Animated cursor while streaming
Inline numbered citations linked to sources
ChatGPT·1 tag
Inline numbered citations linked to sources
Hierarchical plan tree with task status
Devin·2 tags
Hierarchical plan tree with task status
Inline TODO list updated in real time
Claude Code·1 tag
Inline TODO list updated in real time
Compile error banner with one-click fix
v0·1 tag
Compile error banner with one-click fix
Live build output streaming in side panel
Bolt·2 tags
Live build output streaming in side panel
Pre-execution approval prompt for file writes
Claude Code·1 tag
Pre-execution approval prompt for file writes
Shimmer placeholder while generating UI
Lovable·1 tag
Shimmer placeholder while generating UI
Memory pill showing what was remembered
Claude.ai·1 tag
Memory pill showing what was remembered
Sub-agent dispatch indicator
Claude Code·1 tag
Sub-agent dispatch indicator
Live app preview alongside agent chat
Replit Agent·1 tag
Live app preview alongside agent chat
Terminal-native colored diff
Aider·2 tags
Terminal-native colored diff
Skeleton loaders during web search
Cursor·2 tags