BuyBuy Agentic UI Kit

Form File Upload

Attach a CV and degree to an HR job application.

Full screen Try a theme

What it's for

Attach a CV and degree to an HR job application.
Import a batch of images into a media library.
Upload clinical reports to a patient record.

For the upload is a multi-step flow with a prior review, use Form Multi Step Wizard.

Includes

Drag and drop
File picker
Per file progress
Type validation
Size validation
Max files limit
Retry failed upload
Remove file

Works with

Radix UI primitives (the registry variant it ships in)
React 19, Next.js App Router and Tailwind CSS 4, installed with the shadcn CLI
Your theme tokens, in light and dark mode

Install

Included with Agentic UI Kit (one-time license). Install needs your license key: see pricing · connect your project.

Agentic UI CLI

agentic-ui add form-file-upload

Installs through shadcn and adapts the component to your design tokens.

shadcn CLI

npx shadcn@4.17.0 add @agentic-ui/form-file-upload

Used in

A standalone component: drop it into any screen.

Type: Block
Variants: Radix UI
Themes: Light and dark
Widths: Preview it at desktop, tablet and mobile widths above.
Motion: Animated, with a reduced-motion fallback

npm packages: None beyond your project's React and Next.js
Registry dependencies: lib-primitives
Files: 1 file
components/agentic-ui/form-file-upload/index.tsx