Best AngularJs Drag & Drop Directives Plugins

Angular 4 File and Folder Drop Library

Angular 4 File and Folder Drop Library

An Angular 4 module for simple desktop file and folder drag and drop.

Drag, Drop and Sorting Library for Angular2

Drag, Drop and Sorting Library for Angular2

Drag, Drop and Sorting Library for Angular2 and beyond!

Features:

  • Drag and Drop
  • Sorting
  • Events (drag, drop, over, out)
  • Nesting
  • Touch support
  • Templating

Angular 2 Dropzone Wrapper Library

Angular 2 Dropzone Wrapper Library

This is an Angular 2 wrapper library for Dropzone.

Angular Drag to Reorder

Angular Drag to Reorder

Angular Drag items in an ng-repeat to reorder them.It’s probably far less stable than something like UI Sortable, but that has all kinds of dependencies. This just needs Angular.When dragging and dropping elements, some classes will be added to those elements, so you can style accordingly.

Dragular : Angular Drag and Drop Library

Dragular : Angular Drag and Drop Library

Angular drag and drop based on dragula.js.

Features:

  • provided as service and also as directive
  • Easy to set up
  • No bloated dependencies
  • A shadow where the item would be dropped offers visual feedback
  • Touch events!
  • DOM can be synced with model
  • area or axes of movement can be restricted

Angular Image Areas Directive

Angular Image Areas Directive

Angular Directive ( ng-areas ) that let you select and manipulate multiple areas on an image, create, edit, move them and resize them too.

Angularjs Weekly Scheduler

Angularjs Weekly Scheduler

A weekly scheduler for angularjs.This directive displays a weekly item scheduler. You can see, add and modify items easily.

  • Use mouse wheel on schedule to scroll left and right
  • Use ctrl + mouse wheel to zoom in and out the schedule

Angular2 Drag Drop Dual Listbox

Angular2 Drag Drop Dual Listbox

Angular 2 component for a dual listbox control.

Angular2 Resizable Elements Directive

Angular2 Resizable Elements Directive

An angular2 directive that allows an element to be dragged and resized.

Angular Drag & drop Lists Directives

Angular Drag & drop Lists Directives

Angular directives that allow you to build sortable lists with the native HTML5 drag & drop API. The directives can also be nested to bring drag & drop to your WYSIWYG editor, your tree, or whatever fancy structure you are building.