BlockReactregistry:block2 dependencies

UploadThing Dropzone

uploadthing-dropzone

Drag and drop file upload zone with progress tracking and file management. Self-contained component that works with any upload backend.

@elements Registry JSON

Live

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Notes from the author

Drag and drop upload zone with visual feedback, progress indication, and uploaded file management. Wire up to any upload backend via the onUpload prop.

Install

npx shadcn@latest add @elements/uploadthing-dropzone

Needs @elements in your components.json registries — switch to URL if it doesn't resolve.

Registry: @elements
Kind: Block
Framework: React
Files: 1 · 10.3 KB
Preview: Live
License: MIT

npm dependencies

@uploadthing/react uploadthing

@elements

More from @elements

Search the catalog

UploadThing Dropzone

Notes from the author

More from @elements