design-infraReport a problem or share feedback← Catalog
File Upload
curatedfreeaceternity/file-upload
A minimal file upload form with background grid, drag and drop, and micro interactions.
$
npx shadcn@latest add @aceternity/file-uploadnpm deps: @tabler/icons-react, react-dropzone, motion
Our notes
Drag-and-drop upload with grid background and micro-interactions.- Source
- Aceternity UI
- Kind
- component
- Categories
- input, form
- Use as
- drop-in — replaces your component
- Applies to
- inputform
- Motion
- on drag, hover, state · subtle · motion · medium cost · ignores reduced motion
- Tags
- 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 →- Gooey Inputaceternity/gooey-inputA search-style input that expands with a gooey SVG filter and shared layout animation
- Settings formoc/settings-formAccount settings page (profile, preferences, notifications, danger zone) plus the SettingsSection / SettingsRow primitives to compose your own.
- Halo Inputcult-ui/halo-inputInput with animated focus halo + validation states. Tokens for border/text, Vercel-style rainbow hex for the glow — retint for your brand. @base-ui/react + motion.