image upload dropzone
Image Upload / Dropzone
Image Upload / Dropzone
Drag-and-drop image upload with preview, center crop, and progress feedback.
Preview
Drop image here or click to upload
Features
- Drag-and-drop upload.
- Preview and remove actions.
- Center-square crop helper.
Installation
npx shadcn@latest add https://www.shadcn-form.com/registry/image-upload-dropzone.json
Registry JSON: /registry/image-upload-dropzone.json
Usage
import { ImageUploadDropzone } from '@/components/ui/image-upload-dropzone'<ImageUploadDropzone value={image} onChange={setImage} />