Drop Files

A drop zone with real drag handling and per-file upload meters.

Library

Spectrum UI

Framework

React

Type

block

License

Apache-2.0

Dependencies

motion

Install

npx shadcn@latest add @spectrumui/upload-empty

Files

• components/spectrumui/blocks/empty-states/upload-empty.tsx
• components/spectrumui/blocks/empty-states/empty-state-kit.tsx
• components/ui/button.tsx
• lib/utils.ts

Source

https://github.com/arihantcodes/spectrum-ui

Categories

• Empty State Components
• React Empty State Components
• Tailwind CSS Empty State Components
• Animated Empty State Components
• Feedback Components
• React Feedback Components
• Tailwind CSS Feedback Components
• Animated Feedback Components
• File Upload Components
• React File Upload Components
• Tailwind CSS File Upload Components
• Animated File Upload Components

More from Spectrum UI

• No Access
• No Activity Yet
• No API Keys
• Empty Board Column
• Empty Cart
• No Chart Data
• Chart States
• Chat Empty State
• Failed to Load
• No Matching Filters
• Hold to Confirm
• Inbox Zero