Draggable
Drag events
Restrict axis

Droppable
Unique dropzone
Capacity

Sortable
Simple list
Transformed
Multiple containers
Nested

Swappable
Flexbox
Floated
Grid layout

Plugins
Collidable
Snappable
Swap Animation
Sort Animation

draggable.js was developed by Max Hoffmann and Curtis Dulmage.

Draggable is released under the MIT license. You are free to use the code from this library for both personal and commercial use.

Special thanks to all of our amazing contributors.

Swappable

Floated layouts work just like the Flexbox example. A bit of clever CSS can help mitigate any layout conflicts while dragging.

View code on GitHub

one

two

three

four

five

six

seven

eight