design-infraReport a problem or share feedback← Catalog
Dropzone
curatedtheme-awarefreekibo-ui/dropzone
Allows users to drag-and-drop files into a container to upload or process them.
drop-inTrustworthyTechnical
$
npx shadcn@latest add @kibo-ui/dropzonenpm deps: lucide-react, react-dropzone
Our notes
File dropzone (react-dropzone) with empty/content states. Token-based; pairs with stock shadcn forms.- Source
- Kibo UI
- Kind
- component
- Categories
- input
- Use as
- drop-in — replaces your component
- Applies to
- input
- Motion
- not tagged (static or unknown)
- Licence
- MIT (shadcnblocks/kibo, originally Hayden Bleasel). Premium blocks are sold at shadcnblocks.com — not catalogued.
- Live demo
- www.kibo-ui.com
- Docs
- www.kibo-ui.com
Similar
Compare all 4 →- Image Cropper: upload, file, imageoriginui/comp-554Avatar upload with crop dialog + zoom slider. Uses Origin's cropper primitive and use-file-upload hook.
- Color Pickerkibo-ui/color-pickerFigma-style colour picker (saturation/hue/alpha/eyedropper/format). Surfaces use tokens; the colour gradients are intrinsic.
- Editorkibo-ui/editorTipTap rich-text editor with slash commands, bubble menu, tables. Token-based UI but ~18 tiptap/lowlight deps — only when you truly need rich text.