design-infraReport a problem or share feedback← Catalog
Placeholders And Vanish Input
curatedfreeaceternity/placeholders-and-vanish-input
Sliding in placeholders and vanish effect of input on submit
$
npx shadcn@latest add @aceternity/placeholders-and-vanish-inputnpm deps: motion
Our notes
Hero search/prompt input with cycling placeholders and vanish-on-submit. Great for AI products.- Source
- Aceternity UI
- Kind
- component
- Categories
- input, form
- Use as
- drop-in — replaces your component
- Applies to
- inputai-chathero
- Motion
- on loop, state, press · medium · canvas + motion · high cost · ignores reduced motion
- Tags
- utility, section, special
- 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 →- File Uploadaceternity/file-uploadDrag-and-drop upload with grid background and micro-interactions.
- Chatbeautifui/chat-composerTabbed chat panel with reasoning replies + composer. Requires the Beautiful UI foundation.css, which redefines --accent (collides with shadcn).
- Gooey Inputaceternity/gooey-inputA search-style input that expands with a gooey SVG filter and shared layout animation