Best AngularJs Drag & Drop Directives Plugins

Angular Nestable Draggable List

Angular Nestable Draggable List

A draggable, nestable, sortable, touchable list component for Angular 4 and beyond.

Features:

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

Lightweight Draggable & Sortable Library For Angular : ngx-smooth-dnd

Lightweight Draggable & Sortable Library For Angular : ngx-smooth-dnd

A fast and lightweight drag&drop, sortable library for Angular with many configuration options covering many d&d scenarios. It uses css transitions for animations so it’s hardware accelerated whenever possible.

This library consists wrapper Angular components over smooth-dnd library.

Angular Hierarchical UI module : Tree Diagram

Angular Hierarchical UI module : Tree Diagram

A draggable, zoomable, pannable hierarchical tree diagram component for Angular 2+.

Features:

  • Drag and drop
  • Zoom and pan
  • Configurable node width/height
  • Add/remove nodes
  • Tree-like UI
  • Pure CSS relation lines
  • No dependencies

Angular 2+ Draggable Component

Angular 2+ Draggable Component

Angular2-draggable is an angular (ver >= 2.x) directive that makes the DOM element draggable.

Angular Draggable Table Directive

Angular Draggable Table Directive

An AngularJS directive that allows you to reorder table columns via drag and drop.

Angular Material DataTransfer file Uploader

Angular Material DataTransfer file Uploader

Angular material datatransfer is an application which combines the upload and download of multiple simultaneous files in a unified user interface. The application is explicitly designed for modern browsers supporting advanced HTML5 File API features.

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.