KokonutUI Logo

IN-01InputsUpdated, October 16, 2026

File Upload

A multi-file upload queue with per-file progress, retry and cancel.

Install with
lucide-react, motion

PRONatural Date Input and more like it are in Kokonut UI Pro

Installation

File Upload is a free, open-source React component in the Kokonut UI Inputs collection. Add it with the shadcn CLI, which copies the source into components/kokonutui/file-upload.tsx, so the code is yours to change.

npx shadcn@latest add @kokonutui/file-upload

Usage

import FileUpload from "@/components/kokonutui/file-upload";

export default function Example() {
  return <FileUpload />;
}

Dependencies

Built with React, Tailwind CSS, lucide-react and motion.

On this page

No Headings