Sortable List

SortableJS is javascript library for reorderable drag-and-drop lists. Check other example on Sortable's page

Basic

List 1

Cras justo odio

List 2

Dapibus ac facilisis in

List 3

Morbi leo risus

Handle

You can only drag the items on the handle

List 1

Cras justo odio

List 2

Dapibus ac facilisis in

List 3

Morbi leo risus

Shared lists

List 1

Subtitle

List 2

Subtitle

List 3

Subtitle

List 1

Subtitle

List 2

Subtitle

List 3

Subtitle

Cloning

Try dragging from one list to another. The item you drag will be cloned and the clone will stay in the original list.

List 1

Subtitle

List 2

Subtitle

List 3

Subtitle

List 1

Subtitle

List 2

Subtitle

List 3

Subtitle

Swap

List 1

Cras justo odio

List 2

Dapibus ac facilisis in

List 3

Morbi leo risus

List 4

Morbi leo risus

List 5

Morbi leo risus

Disabled sorting

List 1

Subtitle

List 2

Subtitle

List 3

Subtitle

List 1

Subtitle

List 2

Subtitle

List 3

Subtitle

Nested

List 1

Subtitle

List 1.1

Subtitle

List 1.2

Subtitle

List 2

Subtitle

List 2.1

Subtitle

List 2.2

Subtitle

List 2.2.1

Subtitle

List 3

Subtitle

List 4

Subtitle

Grid

List 1

Subtitle

List 2

Subtitle

List 3

Subtitle

List 4

Subtitle

List 5

Subtitle

List 6

Subtitle

List 7

Subtitle

List 8

Subtitle

List 9

Subtitle

List 10

Subtitle

MultiDrag

List 1

Cras justo odio

List 2

Dapibus ac facilisis in

List 3

Morbi leo risus

List 4

Morbi leo risus

List 5

Morbi leo risus

Notifications

New report has been recived

Last order was completed

Completed meeting canceled

New feedback received

New update was available

Your password was changed

Charlie Stone

Sortable List

Basic

List 1

List 2

List 3

Handle

List 1

List 2

List 3

Shared lists

List 1

List 2

List 3

List 1

List 2

List 3

Cloning

List 1

List 2

List 3

List 1

List 2

List 3

Swap

List 1

List 2

List 3

List 4

List 5

Disabled sorting

List 1

List 2

List 3

List 1

List 2

List 3

Nested

List 1

List 1.1

List 1.2

List 2

List 2.1

List 2.2

List 2.2.1

List 3

List 4

Grid

List 1

List 2

List 3

List 4

List 5

List 6

List 7

List 8

List 9

List 10

MultiDrag

List 1

List 2

List 3

List 4

List 5

Recent Activities

23

$8,547

7

12

New Order Received

54 Products Arrived

New Customer Registration

Low Stock Alert