ngx-drag-drop
Angular directives for declarative drag and drop using the native HTML5 Drag and Drop API.
What is ngx-drag-drop?
NgxDragDrop is an Angular library that provides directives for implementing drag-and-drop functionality using the native HTML5 Drag and Drop API. It solves the problem of inconsistent browser implementations by offering a declarative, cross-browser compatible way to create draggable elements and dropzones in Angular applications. The library supports features like sortable lists, nested structures, conditional dragging, and typed data transfer.
Angular developers building interactive web applications that require drag-and-drop features, such as dashboards, content managers, or sortable interfaces.
Developers choose NgxDragDrop for its lightweight, declarative approach that leverages the native HTML5 API without heavy abstractions, ensuring performance and compatibility. It offers flexibility with features like external draggable support, customizable styling, and touch polyfill integration, making it a robust alternative to more opinionated drag-and-drop solutions.
Overview
Angular directives using the native HTML Drag And Drop API
Use Cases
Best For
- Building sortable lists or kanban boards in Angular applications
Related Projects
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
