Block

Drag & Drop Download

Cloud transfer with drag-drop upload/download and progress tracking

Installation

npx shadcn add @mylo-ui/download-drag-drop

Preview

Cloud Transfer

Drag files to upload or download

346 MB used

Local Files
0

Drop files here to upload

or click "Add Files" to browse

Cloud Storage
3

Project_Backup.zip

245 MB

Design_Assets_2024.fig

89 MB

Annual_Report.pdf

12 MB

Usage

import { DownloadDragDrop } from "@/components/blocks/download-drag-drop"

export default function Page() {
  return <DownloadDragDrop />
}

Dependencies

lucide-react

shadcn/ui Components

button

card

Related Blocks

More downloads blocks you might like

View all downloads blocks

downloads

Simple Download Card

Clean, minimal download card with file info and download button

Ready to use

/blocks/download-card-simple