Top 5 Drag and Drop AngularJS Modules

Here is what we think are the Top 5 Drag and Drop AngularJS Modules.¬†With touch support becoming more common place are we going to see more drag and drop AngularJS apps? I haven’t seen many yet but stay tuned and if you would like to make one then you might want to check out some modules/directives to assist. Some of them use jQuery UI, boostrap and HTML5 to provide the drag and drop support in AngularJS. Some things you might use DND for are AngularJS Drag and Drop lists or more popular are file uploads/image uploads especially dragging stuff from your desktop into your app and have it upload (Dropbox does this oh so elegantly!).

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

1. Angular DragDrop by Codef0rmer

angular-dragdrop
angular-dragdrop

Implementing jQueryUI Drag and Drop functionality in AngularJS (with Animation) is easier than ever.

GitHub Website + Demo

2. Angular Form Builder by Kelp

angular-form-builder
angular-form-builder

Drag and drop to build bootstrap forms in AngularJS.

GitHub Website + Demo

3. ngDraggable by Philip Andrews

ng-draggable
ng-draggable

Drag and drop module for Angular JS.

GitHub

4. Angular DragDrop by Angular-dragdrop

angular-drag-drop
angular-drag-drop

Angular HTML5 Drag and Drop directive written in pure with no dependency on JQuery.

GitHub Website + Demo

5. Angular Dragon Drop by Brian Ford

angular-dragon-drop
angular-dragon-drop

Drag and Drop for AngularJS.

GitHubDemo

Thank you for reading and if you would like to you can submit your Drag and Drop AngularJS Modules or leave a comment below.

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

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.

2 thoughts on “Top 5 Drag and Drop AngularJS Modules

Leave a Reply

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