Best jQuery Drag & Drop Plugins & Tutorials with Demo

Moveable is javascript library for Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable, Snappable elements.

Features:

• Draggable refers to the ability to drag and move targets.
• Resizable indicates whether the target’s width and height can be increased or decreased.
• Scalable indicates whether the target’s x and y can be scale of transform.
• Rotatable indicates whether the target can be rotated.
• Warpable indicates whether the target can be warped(distorted, bented).
• Pinchable indicates whether the target can be pinched with draggable, resizable, scalable, rotatable.
• Groupable indicates Whether the targets can be moved in group with draggable, resizable, scalable, rotatable.
• Snappable indicates whether to snap to the guideline.

Draggable is a modular drag & drop library, allowing you to start small and build up with the features you need. At its most basic, Draggable gives you drag & drop functionality, fast DOM reordering, accessible markup, and a bundle of events to grab on to.

Features:

• Works with native drag, mouse, touch and force touch events
• Can extend dragging behaviour by hooking into draggables event life cycle
• Can extend drag detection by adding sensors to draggable
• The library is targeted ES6 first

PlainDraggable  is a simple and high performance library to allow HTML/SVG element to be dragged.

Features:

• Accept HTML/SVG element as an element that comes to be draggable.
• Restrict the draggable area.
• Snap the draggable element to other elements, points, lines, consecutive points (i.e. grid) or something.
• Use requestAnimationFrame API, translate and will-change CSS if possible, for high performance.