Skip to content
From Kibo UI

Dropzone

Allows users to drag-and-drop files into a container to upload or process them.

MITCommunity tier
Loading state

Kibo UI publishes no demo; Fabrials wrote this one with synthetic data.

Installation

  1. Add it by name, once the app knows the Fabrials registry.

    npx shadcn@latest add @fabrials/kibo-dropzone

    Or by address: https://ui.fabrials.com/r/kibo-dropzone.json

  2. shadcn copies the source into your app and installs what it needs. Its shadcn primitives come from Fabrials shims, so buttons and panels match the rest of the app.

          • index.tsxnew
        • button.tsxFabrials shim
    • lucide-react ISC
    • react-dropzone MIT

Origin and license

ui.fabrials.com republishes this component unchanged, with Kibo UI's license at the top of every file. The copy was taken on 2026-09-27 and passed the license gate.

haydenbleasel/kiboKibo UI 4K 181
Library
Kibo UI
License
MIT, Copyright (c) 2023 — Present shadcnblocks
Snapshot
sha256 4bcd4ffadc9f8d88…

Design notes

A static reading found nothing against the design principles: theme tokens only, no continuous motion, gradients or glow.