Top 5 Drag and Drop AngularJS Modules

Here is what we think are the Top 5 Drag and Drop AngularJS Modules. You can use them prevent “re-inventing the wheel” so to speak so you can add drag and drop support to your AngularJS websites and apps.

This post was last updated on: 08/06/2015. For an updated list see more Drag and Drop AngularJS Modules.

1. Angular Dragdrop by Codef0rmer

Implementing jQueryUI Drag and Drop functionality in AngularJS is easier than ever which is a wrapper for jQueryUI draggable/droppable components.

GitHub Website + Demo

2. Angular Form Builder by Kelp

This is an AngularJS form builder written in CoffeeScript.

GitHub Website

3. Angular Dragon Drop by Brian Ford

“Drag and drop” directives for AngularJS. Work in progress.

GitHub Demo

4. lvlDragDrop by Jason Turim

An easy to use, native, directive to enable drag/drop in your angular app. This directive has no dependency on jQuery or other frameworks, it does require a browser that supports the HTML5 drag/drop events.

GitHub Website Demo

5. lrDragNDrop by Renard Laurent

lrDragNDrop is a drag and drop module for Angularjs which allows to drag items from one collection and drop to another one; or reorder the items within the same collection. It is “item oriented” which imply.

GitHub Demo

Thank you for reading and if you would like to you can submit your [post category goes here] AngularJS Module or leave a comment below.

Post tags: Drag and Drop, drag-n-drop, dnd, drag drop, draggable, dragdrop.