Best AngularJs Drag & Drop Directives Plugins

PrimeNG : UI Components for AngularJS 2

PrimeNG : UI Components for AngularJS 2

PrimeNG is a collection of rich UI components for AngularJS2. PrimeNG is a sibling of the popular JavaServer Faces Component Suite, PrimeFaces.

Angular Drag & Drop Form Builder

Angular Drag & Drop Form Builder

Drag and drop to build bootstrap forms in AngularJS.

Angular Schema Form

Angular Schema Form

Schema Form is a set of AngularJS directives (and a couple of services) to generate Bootstrap 3 ready forms from a JSON Schema.

Features:

  • Validates the form using a JSON Schema
  • Fine tune presentation with a form definition, change field types, change order, etc
  • Lots of basic form types out of the box.
  • Supports array with drag’n’drop or in tabs
  • Add-ons for more fanciful stuff like wysiwyg editors, datepickers, colorpickers, font-pickers etc

Angular 2 Drag-and-Drop Module

Angular 2 Drag-and-Drop Module

Angular 2 Drag-and-Drop without dependencies.

AngularJS Tweenmax Draggable Knob

AngularJS Tweenmax Draggable Knob

AngularJS directive to use the Tweenmax Draggable Plugin (type: rotation)

AngularJS Drag & Drop Tree Table

AngularJS Drag & Drop Tree Table

Display tree table (or list) & event DrapnDrop (allow drag multi tree-table include all type: table, ol, ul) by AngularJS, using CSS animation and Bootstrap style.

Angular UI Sortable

Angular UI Sortable

jQuery UI Sortable for AngularJS.This directive allows you to sort an array with drag & drop.

Angular Material Design File Input

Angular Material Design File Input

A Html input file enhance base on angular material to file input or file upload.

Angular Customizable Drag and Drop

Angular Customizable Drag and Drop

This is a highly configurable drag and drop module for Angular.

Angular UI Tree Component For AngularJS

Angular UI Tree Component For AngularJS

Angular UI Tree is an AngularJS UI component that can sort nested lists, provides drag & drop support and doesn’t depend on jQuery.

Features:

  • Uses the native AngularJS scope for data binding
  • Sorted and move items through the entire tree
  • Prevent elements from accepting child nodes