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

Made with 💙 by Pablo Armenv2.1.19

/
/
Home
/Patterns
/332. Drag & Drop to Create File from Web Image

Drag & Drop to Create File from Web Image

 DesktopPathfindingAccessibilityAwareness

Generated Description

Users can effortlessly create a new file on their desktop by dragging and dropping an image directly from a web browser.

View more...

Pattern Metadata

Released: Jul 5, 2022

Updated: May 28, 2026

Version: 2.1.19

Was this useful?

Export components

BETA

This pattern is ready to use on your codebase.

Sign in to preview and download component code for 332. Drag & Drop to Create File from Web Image.

Device (Tabs)
Desktop
System (OS)
Web
Apple OS
Language (i18n)
Description
Users can effortlessly create a new file on their desktop by dragging and dropping an image directly from a web browser.
VotesUp
VotesDown
Pattern ID
339
UX Flows
Pathfinding
Accessibility
Awareness
UI Components
Drag & Drop Gesture
Image / Illustration
File OS
Modal
Click Event
Version
2.1.19

Apple MacOS

notion image

Related Patterns

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

Still searching?

Tell us what's missing, and we'll help you find it.

Send feedback