Media Dropzone

A drag-and-drop + click-to-browse image upload zone with idle / drag-over / processing states, accept-list + max-size validation via validateFile, an "add another" variant, and an onFiles(File[]) callback.

Library

LocalMode

Framework

React

Type

component

License

MIT

Dependencies

lucide-react

Install

npx shadcn add @localmode/ui/ui/media-vision/media-dropzone

Files

• apps/ui/registry/localmode/media-vision/media-dropzone/media-dropzone.tsx
• apps/ui/src/lib/browser-utils.ts
• apps/ui/registry/localmode/lib/utils.ts

Source

https://github.com/LocalMode-AI/LocalMode

Categories

• File Upload Components
• React File Upload Components
• Tailwind CSS File Upload Components
• Input Components
• React Input Components
• Tailwind CSS Input Components

More from LocalMode

• Audio Classifier Block
• Meeting Assistant Block
• Background Remover Block
• Image Captioner Block
• Image Enhancer Block
• Semantic Search Block
• Vector Data Manager Block
• Duplicate Finder Block
• Image Search Block
• Photo Categorizer Block
• Smart Gallery Block
• Object Detector Block