Flows
Components
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with 💙 by Pablo Armenv2.1.15

AboutPrivacyTerms
Home
/Patterns
/268. Drag & Drop to Upload File

268. Drag & Drop to Upload File

 DesktopAwarenessPathfindingWeb

This pattern allows users to upload files by dragging and dropping them onto a designated area, often featuring visual feedback, progress indicators, and potentially appearing within a modal dialog. Notable behavior: Drag and Drop; File Selection; Idle.

Was this useful?
Device (Tabs)
Desktop
System (OS)
Web
Apple OS
Language (i18n)
English
Pattern ID
276
UX Flows
Awareness
Pathfinding
UI Components
Drag & Drop Gesture
Modal
Hypertext Links
Animation
Image / Illustration
Version

GIPHY

notion image
 

Related Patterns

  • 43. File Upload Status
  • 332. Drag & Drop to Create File from Web Image
  • 343. Modal/Dialog Drag & Drop to Fixed Position
  • 388. Drag & Drop and Checkbox to Select Multiple Item
  • 403. File Upload and Background Loader

Need more inspiration?

Found this pattern useful?