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

Drag-and-Drop-for-AngularJS
Drag-and-Drop-for-AngularJS

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

2-angular-form-builder
2-angular-form-builder

This is an AngularJS form builder written in CoffeeScript.

GitHub Website

3. Angular Dragon Drop by Brian Ford

3-angular-dragon-drop
3-angular-dragon-drop

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

GitHub Demo

4. lvlDragDrop by Jason Turim

4-drag-drop
4-drag-drop

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

5-lrDragNDrop
5-lrDragNDrop

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.

Sam is a web developer, online entrepreneur and investor. In his spare time he enjoys coding, playing chess and love to share what he learns.

3 thoughts on “Top 5 Drag and Drop AngularJS Modules

Leave a Reply

Your email address will not be published. Required fields are marked *