ngx-dnd - 🕶 Drag, Drop and Sorting Library for Angular2 and beyond!

  •        476

Drag and Drop for Angular2 and beyond!

https://github.com/swimlane/ngx-dnd#readme
https://github.com/swimlane/ngx-dnd

Dependencies:

dragula : ^3.7.2

Tags
Implementation
License
Platform

   




Related Projects

ng2-dnd - Angular 2 Drag-and-Drop without dependencies

  •    TypeScript

Angular 2 Drag-and-Drop without dependencies. Follow me to be notified about new releases.

react-smooth-dnd - react wrapper components for smooth-dnd

  •    Javascript

A fast and lightweight drag&drop, sortable library for React 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 React components over smooth-dnd library.

react-dnd - Drag and Drop for React

  •    TypeScript

Drag and Drop for React. Big thanks to BrowserStack for letting the maintainers use their service to debug browser issues.

vddl - 🦄 Vue components for modifying lists with the HTML5 drag & drop API.

  •    Vue

Vue components for modifying lists with the HTML5 drag & drop API. Touch devices are not supported, because they do not implement the HTML5 drag & drop standard. However, you can use a shim to make it work on touch devices as well.


drag-drop - HTML5 drag & drop for humans

  •    Javascript

In case you didn't know, the HTML5 drag and drop API is a total disaster! This is an attempt to make the API usable by mere mortals.This module works in the browser with browserify.

ngx-graph - Graph visualization library for angular

  •    TypeScript

This library is focused on handling graph data (anything with nodes and edges) rather than chart data. Currently the only visualization uses the Dagre layout, which is specialized for directed graphs. The plan is to implement multiple visualisations for graph data within this same library. Eventually, ngx-charts-force-directed-graph may be imported into this library as another option to visualize your graph data. ngx-graph is a Swimlane open-source project; we believe in giving back to the open-source community by sharing some of the projects we build for our application. Swimlane is an automated cyber security operations and incident response platform that enables cyber security teams to leverage threat intelligence, speed up incident response and automate security operations.

vue-drag-and-drop-list - 🐴 Vue directives for modifying lists with the HTML5 drag & drop API.

  •    Javascript

Vue directives that allow you to build sortable lists with the native HTML5 drag & drop API. Supports nested lists for building trees and other fancy structures. In general, in 2.0 directives have a greatly reduced scope of responsibility: they are now only used for applying low-level direct DOM manipulations. In most cases, you should prefer using Components as the main code-reuse abstraction.

react-dnd-touch-backend - Touch Backend for react-dnd

  •    Javascript

Since native Drag-n-Drop is not currently supported in touch devices. A custom DragPreview is required. Check out the example for a sample implementation.We might try to build it directly in the Backend itself in the future to compensate for this limitation.

ngDraggable - Drag and drop module for Angular JS

  •    Javascript

Drag and drop module for Angular JS with support for touch devices. demo. ng-drag-start and ng-drag-move is also available. Add to the ng-drop element. ng-drag-stop can be used when you want to react to the user dragging an item and it wasn't dropped into the target container.

draggable - The JavaScript Drag & Drop library your grandparents warned you about.

  •    Javascript

Get complete control over drag and drop behaviour with Draggable! Draggable abstracts native browser events into a comprehensive API to create a custom drag and drop experience. Draggable comes with additional modules: Sortable, Droppable, Swappable. Draggable itself does not perform any sorting behaviour while dragging, but does the heavy lifting, e.g. creates mirror, emits events, manages sensor events, makes elements draggable.The additional modules are built on top of Draggable and therefore provide a similar API interface, for more information read the documentation below.

Sortable - Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices

  •    Javascript

Sortable is a minimalist JavaScript library for reorderable drag-and-drop lists. You can use any element for the list and its elements, not just ul/li. Here is an example with divs.

ngx-admin - Admin dashboard template based on Nebular framework (Angular 4+, Bootstrap 4) previously known as ng2-admin

  •    TypeScript

We will continue supporting ng2-admin version, but if you are starting from scratch we recommend using ngx-admin version. Unfortunately, there is no way to update from ng2-admin to ngx-admin, but some parts (Nebular components) could be manually included.This template is based on Nebular framework, documentation and other useful articles could be found here.

dragula - :ok_hand: Drag and drop so simple it hurts

  •    Javascript

Framework support includes vanilla JavaScript, Angular, and React.You can get it on npm.