Halo Dropzone

Drag-and-drop file upload dropzone for React and shadcn/ui with an animated dashed rim, keyboard support, and file-type glyphs.

Updated

Animated dropzone

Drag in files or use the file picker: images can preview inside the zone, and queued files show as rows with progress below.

Halo Dropzone is a React file upload component for shadcn/ui and part of the Halo kit, built with Motion. Use it in upload forms, attachment fields, or AI chat inputs that accept documents.

Installation

pnpm dlx shadcn@latest add @cult-ui/halo-dropzone