Best AngularJs Drag & Drop Directives Plugins

    Angular 4+ Sortable List Components : ngx-sortable

    June 7, 2018 | Drag & Drop, Plugins
    Angular 4+ Sortable List Components : ngx-sortable

    ngx-sortable is an angular 4 and above component for sorting list supporting drag and drop sort.

    Features:

    • Custom template
    • Customizable
    • Drag and drop sorting
    Read More Demo

    Angular Nestable Draggable List

    May 3, 2018 | Drag & Drop, Plugins
    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
    Read More Demo

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

    April 26, 2018 | Drag & Drop, Plugins
    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.

    Read More Demo

    Angular Hierarchical UI module : Tree Diagram

    April 23, 2018 | Drag & Drop, Plugins
    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
    Read More Demo

    Angular 2+ Draggable Component

    October 31, 2017 | Drag & Drop, Plugins
    Angular 2+ Draggable Component

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

    Read More Demo

    Angular Draggable Table Directive

    September 12, 2017 | Drag & Drop, Plugins, Table
    Angular Draggable Table Directive

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

    Read More Demo

    Angular Material DataTransfer file Uploader

    August 28, 2017 | Drag & Drop, Forms, Plugins
    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.

    Read More Demo

    Angular 4 File and Folder Drop Library

    July 18, 2017 | Drag & Drop, Plugins
    Angular 4 File and Folder Drop Library

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

    Read More Demo

    Drag, Drop and Sorting Library for Angular2

    March 17, 2017 | Drag & Drop, Plugins
    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
    Read More Demo

    Angular 2 Dropzone Wrapper Library

    March 8, 2017 | Drag & Drop, Plugins
    Angular 2 Dropzone Wrapper Library

    This is an Angular 2 wrapper library for Dropzone.

    Read More Demo