Registry

AI components

High-quality animated UI components for AI apps—inspired directly by interfaces from OpenAI, Claude, Cursor, and more. Registry-ready with live demos; add them with the same shadcn-style flow as the rest of the design system.

Component demo

OpenAI image chat

Loading preview…

OpenAI image chat

OpenAI-style image composer: image vs. ask-anything modes, idea carousel, and attachment thumbnails for chat and tool UIs.

Component demo

Claude map itinerary

Loading preview…

Claude map itinerary

Multi-day Leaflet itinerary with days, photos, and routing-style layout for trip planning tool output.

Component demo

Claude recipe tool

Loading preview…

Claude recipe tool

Rich recipe UI for AI chat: image carousel, servings scale, print, copy, inline timers, and unit conversion — styled for tool-rendered content.

Component demo

Claude map tool

Loading preview…

Claude map tool

Leaflet map with place list, image carousel, and detail panel — for location search and travel tool payloads.

Component demo

Claude text message tool

Loading preview…

Claude text message tool

Multi-variant SMS drafts with edit, copy, reset, and optional Open in Messages — for text message tool payloads.

Component demo

Claude email tool

Loading preview…

Claude email tool

Email draft UI with subject/body variants, Gmail and mailto actions, copy and reset — styled for email tool output.

Component demo

Claude image search tool

Loading preview…

Claude image search tool

Web image search results as a collage grid with lightbox carousel, domain badges, and favicons — for image_search-style tool output.

Component demo

OpenAI What's New dialog

Loading preview…

OpenAI What's New dialog

Multi-step onboarding-style dialog with hero imagery, captions, and next/finish flow — inspired by product update modals.

Component demo

Claude app recommendations

Loading preview…

Claude app recommendations

Install and download cards for Claude Desktop, mobile, Claude Code, and integrations — for recommend_claude_apps-style tool output.

Component demo

Cursor-style questions panel

Loading preview…

Cursor-style questions panel

Multi-question wizard with single- and multi-select, keyboard-friendly navigation, and optional other text — for in-app intake flows.