@mediadrop
Drag-and-drop file upload blocks for React built on react-mediadrop — dropzone, avatar uploader, multi-file upload form, and direct-to-S3 upload.
4 components react shadcn-cli MIT
Install this registry
shadcn (npm)
npx shadcn@latest add https://www.mediadrop.dev/r/registry.json pnpm
pnpm dlx shadcn@latest add https://www.mediadrop.dev/r/registry.json bun
bunx shadcn@latest add https://www.mediadrop.dev/r/registry.json fetch registry
curl -s https://www.mediadrop.dev/r/registry.json Components
4 total MediaDrop Dropzone block
Drag-and-drop file upload block built on react-mediadrop's useMediaDrop hook, with per-file progress and cancel.
npx shadcn@latest add https://www.mediadrop.dev/r/dropzone.json MediaDrop Avatar Uploader block
Circular single-image avatar picker built on react-mediadrop's useMediaDrop hook, with click/drag replace and upload progress.
npx shadcn@latest add https://www.mediadrop.dev/r/avatar-uploader.json MediaDrop Multi-File Upload Form block
Multi-file picker with a review list and an explicit submit step — add files, then upload — with per-file progress, cancel, and retry.
npx shadcn@latest add https://www.mediadrop.dev/r/multi-file-upload-form.json MediaDrop S3 Direct Upload block
Direct-to-S3 upload block using a presigned PUT URL you supply per file, built on react-mediadrop's xhr-upload transport.
npx shadcn@latest add https://www.mediadrop.dev/r/s3-direct-upload.json