SortableJS

JavaScript library for reorderable drag-and-drop lists plugin's site

Simple list example
  • An item
  • A second item
  • A third item
  • A fourth item
  • And a fifth one
Simple list with Handle
  • An item
  • A second item
  • A third item
  • A fourth item
  • And a fifth one
Shared lists
  • An item
  • A second item
  • A third item
  • A fourth item
  • And a fifth one
  • A simple default list group item
  • A simple primary list group item
  • A simple secondary list group item
  • A simple success list group item
  • A simple danger list group item
Cloning

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

  • A list item 14
  • A second list item 2
  • A third list item 1
  • A list item 14
  • A second list item 2
  • A third list item 1
Grid Example
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
Item 13
Item 14
Item 15
Item 16
Item 17
Item 18
Item 19
Item 20
Chat
DG
Design Team
Alex is typing…
avatar-1 avatar-2
+5
avatar-3
Good morning!
The new deployment went live. Can everyone confirm access?
09:12
avatar-4
Yes, logging in now.
09:14 ✔✔
avatar-5
I can access it. Some pages feel faster than before.
09:15
avatar-2
Great! Please check billing and analytics modules as well.
09:16
avatar-4
Billing looks fine. I'll test analytics next.
09:17