👋 This is a community-driven shadcn/ui resource. For the official documentation, visit ui.shadcn.com
Compact AI Prompt with Settings
Compact AI prompt with multiple dropdown menus for model, agent, and performance settings plus auto mode toggle
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Building AI tools with tons of settings? This React prompt input packs Local vs Cloud models, Agent vs Assistant modes, and High/Medium/Low performance into tiny dropdowns below a clean textarea. Built with shadcn/ui and Tabler Icons, the Auto mode toggle highlights active with primary colors. Perfect for power users who need granular control without cluttering the interface—all settings accessible via compact rounded buttons.
Installation
npx shadcn@latest add https://www.shadcn.io/registry/ai-prompt-input-03.jsonnpx shadcn@latest add https://www.shadcn.io/registry/ai-prompt-input-03.jsonpnpm dlx shadcn@latest add https://www.shadcn.io/registry/ai-prompt-input-03.jsonbunx shadcn@latest add https://www.shadcn.io/registry/ai-prompt-input-03.jsonRelated blocks you will also like
Expandable AI Input
Auto-expanding with voice and attachments
Model Selector Input
Input with quick prompt buttons
File Upload AI Input
Full-featured with drag-drop files
AI Settings Panel
Detailed configuration options
AI Message
Chat message display
AI Loader
Processing animations