design-infraReport a problem or share feedback← Catalog
Prompt composer
curatedtheme-awarefreeoc/prompt-composer
Chat input: auto-growing textarea, file attachment chips, model picker, web-search toggle, send/stop; Enter sends, Shift+Enter newline; optional suggestion chips.
$
npx shadcn@latest add @design-infra/prompt-composernpm deps: lucide-react
Live demo — under each design system
brutalist-mono
AI can make mistakes. Check important info.
Pairs with @oc/chat-thread and @oc/agent-status.
editorial
AI can make mistakes. Check important info.
Pairs with @oc/chat-thread and @oc/agent-status.
linear-dark
AI can make mistakes. Check important info.
Pairs with @oc/chat-thread and @oc/agent-status.
soft-glass
AI can make mistakes. Check important info.
Pairs with @oc/chat-thread and @oc/agent-status.
- Source
- oc
- Kind
- block
- Categories
- ai-chat, input
- Use as
- drop-in — replaces your component
- Applies to
- ai-chatinput
- Motion
- not tagged (static or unknown)
- Tags
- oc
- Live demo
- www.owencoonahan.xyz
Similar
Compare all 4 →- Chatbeautifui/chat-composerTabbed chat panel with reasoning replies + composer. Requires the Beautiful UI foundation.css, which redefines --accent (collides with shadcn).
- Prompt Barbeautifui/prompt-barBottom prompt bar with attachments/actions. Requires the Beautiful UI foundation.css, which redefines --accent (collides with shadcn).
- Prompt Composercult-ui/prompt-composerAI prompt composer with attachments/actions and a shader glow. Mostly tokens, but teal/blue hex accents and @paper-design/shaders-react + @base-ui/react are heavy deps.