Draggable: A lightweight drag & drop JS library

Draggable: A lightweight drag & drop JS library

Draggable is a modern, responsive and lightweight drag & drop library released by Shopify. The library abstracts native browser events into a complex API to create a custom user experience.

It’s the ideal choice for adding slick native-feeling drag and drop behaviour to your web apps thanks to a lot of features such as fast DOM reordering, accessible markup, and a bundle of events to grab on to.

Good to know

  • 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

View project page