Registry
Documentation

File Upload

Forms

A customizable file upload component with drag and drop support, progress bars, and file preview.

Open in
fileuploaddragdroppreview

Installation

npx shadcn@latest add @austin-ui/file-upload

Preview

Upload Files

Drag and drop files here or click to browse

Max 5 files, 10MB each

Supported: .pdf, .doc, .docx, .ppt, .pptx, .jpg, .jpeg, .png

Local mode - files won't be uploaded

Usage

Import and use the component
After installation, you can import and use the component in your project.
import { FileUpload } from "@/registry/new-york/blocks/file-upload/file-upload";

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