AI Elements

A component library and custom registry built on top of shadcn/ui to help you build AI-native applications faster.

AI Elements Overview Introduction Benefits Community The Vercel AI Frontend Stack Usage Setup Usage Skill Troubleshooting Contributing How to Contribute New Components Philosophy Chatbot Attachments Chain of Thought Checkpoint Confirmation Context Conversation Inline Citation Message Model Selector Plan Prompt Input Queue Reasoning Shimmer Sources Suggestion Task Tool Code Agent Artifact Code Block Commit Environment Variables File Tree JSX Preview Package Info Sandbox Schema Display Snippet Stack Trace Terminal Test Results Web Preview Voice Audio Player Mic Selector Persona Speech Input Tran

saved by

• Flora Guo
• Tim Bols

related reading

• The Shape of AI | UX Patterns for Artificial Intelligence Designshapeof.ai
• Beautiful UI — Crafted primitives for AI-native interfacesbeautifului.dev
• Agentationagentation.dev
• Subframe – The AI design tool built for codesubframe.com
• Cursor: AI coding agentcursor.com
• v0 by Vercel - Build Full-Stack Web Apps with AIv0.dev
• Cookbookcookbook.openai.com
• Agentationagentation.com
• GitHub - x1xhlol/system-prompts-and-models-of-ai-tools: FULL Augment Code, Claude Code, Cluely, CodeBuddy, Comet, Cursor, Devin AI, Junie, Kiro, Leap.new, Lovable, Manus, NotionAI, Orchids.app, Perplexity, Poke, Qoder, Replit, Same.dev, Trae, Traycer AI, VSCode Agent, Warp.dev, Windsurf, Xcode, Z.ai Code, Dia & v0. (And other Open Sourced) System Prompts, Internal Tools & AI Modelsgithub.com
• There's An AI For That® — The front page of AItheresanaiforthat.com
• Prompt generation | OpenAI APIplatform.openai.com
• aiverse • Playbook for designing AI productsaiverse.design