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

Made with 💙 by Pablo Armenv2.1.19

/
/
Home
/Patterns
/306. Drag & Drop for Reordering List Items (Mouse)

Drag & Drop for Reordering List Items (Mouse)

 DesktopAwarenessAccessibilityWeb

Generated Description

Users can intuitively reorder list items by dragging and dropping them, providing a direct and efficient way to customize their view.

View more...

Pattern Metadata

Released: Jan 27, 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 306. Drag & Drop for Reordering List Items (Mouse).

Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
English
Description
Users can intuitively reorder list items by dragging and dropping them, providing a direct and efficient way to customize their view.
VotesUp
VotesDown
Pattern ID
306
UX Flows
Awareness
Accessibility
UI Components
Drag & Drop Gesture
Filters
List Items
Modal
Checkbox
Version
2.1.19

Notion

notion image
 

Still searching?

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

Send feedback