design-infraReport a problem or share feedback← Catalog
Hero with navbar, large chat-style prompt textarea, action bar, and sample work grid
curatedpaidaceternity/hero-with-chat-input
Hero with navbar, large chat-style prompt textarea, action bar, and sample work grid
$
npx shadcn@latest add @aceternity/hero-with-chat-inputnpm deps: framer-motion, @tabler/icons-react
Our notes
PRO (Aceternity All-Access, not installable on free). Free theme-aware alternative: oc/hero-split + oc/prompt-composer. Original note: AI-product hero with a big prompt box and sample-work grid.- Source
- Aceternity UI
- Kind
- block
- Categories
- hero, input, ai-chat
- Use as
- drop-in — replaces your component
- Applies to
- heroinputai-chat
- Motion
- on enter · medium · motion · medium cost
- Tags
- block, pro
- Licence
- Free for unlimited personal & commercial projects; no redistributing as a competing library. Pro/All-Access is a one-time purchase.
- Live demo
- ui.aceternity.com
- Docs
- ui.aceternity.com
Similar
Compare all 4 →- Prompt composeroc/prompt-composerChat input: auto-growing textarea, file attachment chips, model picker, web-search toggle, send/stop; Enter sends, Shift+Enter newline; optional suggestion chips.
- Placeholders And Vanish Inputaceternity/placeholders-and-vanish-inputHero search/prompt input with cycling placeholders and vanish-on-submit. Great for AI products.
- Chatbeautifui/chat-composerTabbed chat panel with reasoning replies + composer. Requires the Beautiful UI foundation.css, which redefines --accent (collides with shadcn).