10 Best Angular Drag & Drop Libraries

List hand-picked by Openbase Experts
Learn More

gridstack

Build interactive dashboards in minutes.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.5/ 5
2
Top Feedback
1Great Documentation
1Highly Customizable
1Hard to Use
GitHub Stars
4K
Weekly Downloads
50K
Last Commit
3mos ago

sortablejs

Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.8/ 5
29
Top Feedback
3Easy to Use
2Great Documentation
2Performant
GitHub Stars
23K
Weekly Downloads
836K
Last Commit
4mos ago
ag

angular-gridster2

Angular gridster 2

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.0/ 5
2
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
70K
Last Commit
2mos ago
nfu

@iplab/ngx-file-upload

drag and drop file component

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.5/ 5
2
Top Feedback
1Easy to Use
1Performant
1Highly Customizable
GitHub Stars
73
Weekly Downloads
5K
Last Commit
2mos ago

ng2-dragula

Simple drag and drop with dragula

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.5/ 5
2
Top Feedback
1Great Documentation
1Easy to Use
GitHub Stars
2K
Weekly Downloads
78K
Last Commit
1yr ago

angular-ui-tree

A tree component for AngularJS, without jQuery as dependency.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
1
Top Feedback
N/A
GitHub Stars
3K
Weekly Downloads
26K
Last Commit
4yrs ago
dra

dragular

Angular drag and drop based on dragula.js. Visit

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
1
Top Feedback
N/A
GitHub Stars
208
Weekly Downloads
2K
Last Commit
2yrs ago
nd

ng2-dnd

Angular 2 Drag-and-Drop without dependencies

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
3.0/ 5
2
Top Feedback
1Great Documentation
GitHub Stars
859
Weekly Downloads
12K
Last Commit
1yr ago
nfd

ngx-file-drop

Angular 11 file and folder drop library

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
252
Weekly Downloads
50K
Last Commit
2mos ago
add

angular-draggable-droppable

Observable powered drag and drop for angular 12.0+

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
120
Weekly Downloads
79K
Last Commit
1mo ago

@jsx-lite/core

Write components once, run everywhere. Compiles to Vue, React, Solid, Angular, Svelte, and more.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
4K
Weekly Downloads
286
Last Commit
1mo ago

@syncfusion/ej2-angular-navigations

Syncfusion Angular UI components library offer more than 50+ cross-browser, responsive, and lightweight angular UI controls for building modern web applications.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
1Unwelcoming Community
GitHub Stars
189
Weekly Downloads
8K
Last Commit
1mo ago

@limble/limble-tree

An Angular library for creating highly dynamic drag-and-drop tree structures

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
3
Weekly Downloads
272
Last Commit
3mos ago
afu

angular-file-uploader

Angular file uploader is an Angular 2/4/5/6/7/8/9/10/11/12/13 + file uploader module with Real-Time Progress Bar, Responsive design, Angular Universal Compatibility, localization and multiple themes which includes Drag and Drop and much more.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
1.0/ 5
1
Top Feedback
1Buggy
GitHub Stars
109
Weekly Downloads
3K
Last Commit
3mos ago
ns

ngx-sortable

ngx-sortable is an angular sortable list components that support drag and drop sorting

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
16
Weekly Downloads
958
Last Commit
1yr ago

@swimlane/ngx-dnd

🕶 Drag, Drop and Sorting Library for Angular2 and beyond!

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
533
Weekly Downloads
14K
Last Commit
5mos ago

ngx-file-drag-drop

A simple angular material file input component which lets the user drag and drop files, or select files with the native file picker.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
5
Weekly Downloads
937
Last Commit
2mos ago
fu

@ng-forms/file-upload

drag and drop file component

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
73
Weekly Downloads
138
Last Commit
2mos ago
ad

angular2-draggable

Angular directive (for version >= 2.x ) that makes the DOM element draggable and resizable

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
274
Weekly Downloads
22K
Last Commit
2yrs ago
ada

angular-drag-and-drop-lists

Angular directives for sorting nested lists using the HTML5 Drag & Drop API

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
2K
Weekly Downloads
21K
Last Commit
2yrs ago
ndd

ngx-drag-drop

Angular directives using the native HTML Drag And Drop API

License Icon
License: BSD-3-Clause
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
204
Weekly Downloads
20K
Last Commit
3yrs ago
nud

ngx-uploader-directive

Angular File Uploader Directive which provides two directives, which are select and file drag and drop to upload files on server.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
14
Weekly Downloads
51
Last Commit
3mos ago
nau

ngx-awesome-uploader

Angular Library for uploading files with many features

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
105
Weekly Downloads
1K
Last Commit
2mos ago
ns

ng-sortable

AngularJS Library for Drag and Drop, supports Sortable and Draggable. Supports Touch devices.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
11K
Last Commit
4yrs ago
nda

ngx-drag-and-drop-lists

Angular drag and drop component for lists

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
48
Weekly Downloads
1K
Last Commit
4mos ago

angular-native-dragdrop

Angular HTML5 Drag and Drop directive written in pure js with no dependency on JQuery.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
350
Weekly Downloads
5K
Last Commit
4yrs ago
aee

angular-email-editor

The excellent drag-n-drop email editor by [Unlayer](https://unlayer.com/embed) as a [Angular](https://angular.io/) _wrapper component_. This is the most powerful and developer friendly visual email builder for your app.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
2K
Last Commit
N/A
nfd

ng-file-drag-drop

File drag and drop library which can be installed and used in angular projects

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
3
Weekly Downloads
144
Last Commit
5mos ago
ad

angular-dragula

👌 Drag and drop so simple it hurts

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
517
Weekly Downloads
1K
Last Commit
4yrs ago
ndn

@ks89/ngx-drag-n-drop

Angular library to enable drag and drop features

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
2
Weekly Downloads
17
Last Commit
3mos ago
ngd

ngdraggable

Drag and drop module for Angular JS

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
639
Weekly Downloads
1K
Last Commit
5yrs ago
nsd

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.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
1K
Last Commit
N/A

ui-grid-draggable-rows

HTML5 Drag and Drop functionality for angular ui-grid

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
73
Weekly Downloads
1K
Last Commit
2yrs ago
nn

ngx-nestable

Nestable list with drag and drop for Angular

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
941
Last Commit
N/A
add

angular-drag-drop

Declarative drag and drop in Angular.js without any external dependencies

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
138
Weekly Downloads
781
Last Commit
4yrs ago

@advisorstream/ng2-dnd

Angular 2 Drag-and-Drop without dependencies

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
501
Last Commit
2yrs ago

@alpharages/dnd

Angular 2 Drag-and-Drop without dependencies

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
20
Last Commit
4mos ago
nfd

ng2-file-drop

An Angular module for simple desktop file drag and drop with automatic file validation and dynamic style adjustment.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
29
Weekly Downloads
450
Last Commit
4yrs ago

angular2-file-drop

Angular2 component with Drag and Drop support for files

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
23
Weekly Downloads
369
Last Commit
5yrs ago
afu

angular4-files-upload

Angular4 files upload by click or/and drag and drop

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
20
Weekly Downloads
365
Last Commit
3yrs ago
ddm

d-d-material-style

drag and drop with material style

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
197
Last Commit
4yrs ago
ad

angular-draganddrop

Drag and drop directives for Angular using native HTML5 API.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
29
Weekly Downloads
192
Last Commit
6yrs ago
ntd

ngx-tree-dnd

Angular 7 support, data sortable draggable smart tree.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
36
Weekly Downloads
185
Last Commit
3yrs ago
add

angular4-drag-drop

A drag and drop attribute directive to make dragging and dropping simple in angular

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
148
Last Commit
N/A
ndd

ng-drag-drop-list

Demo

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
17
Weekly Downloads
126
Last Commit
3yrs ago
nfi

ng2-file-input

Angular 2 component that implements a drag and drop or select file selection, including preview.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
25
Weekly Downloads
113
Last Commit
3yrs ago
ad

angular-dragndrop

Angular native HTML5 drag and drop

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
90
Last Commit
5yrs ago
nad

ng-avatar-drag-drop

Drag & Drop for Angular 2/4 (no HTML5)

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
50
Last Commit
4yrs ago
ndt

ng-drag-to-reorder

Lightweight AngularJS drag and drop functionality to reorder lists without any dependencies other than Angular.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
6
Weekly Downloads
46
Last Commit
4yrs ago
nda

@sam-1994/ngx-drag-and-drop-grid

A simple component for using the @angular/cdk drag-and-drop sort functions with a mixed orientation grid list

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
9
Weekly Downloads
42
Last Commit
2yrs ago