A modern, modular drag-and-drop toolkit for Angular applications with full Angular Ivy and zoneless support.
Ng DnD is a drag-and-drop library designed specifically for Angular applications. It provides a modular toolkit to implement complex drag-and-drop interactions, such as sortable lists and multi-backend support, while fully supporting Angular Ivy and zoneless mode. It solves the problem of outdated or incompatible drag-and-drop solutions in modern Angular ecosystems.
Angular developers building applications that require interactive drag-and-drop features, such as dashboards, admin panels, or content management systems.
Developers choose Ng DnD for its modern Angular compatibility (including Ivy and zoneless support), modular architecture, and intuitive API, which address the maintenance and compatibility issues of earlier alternatives like angular-skyhook.
Drag and Drop for Angular
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Fully supports Angular Ivy and zoneless applications from v18+, ensuring future-proofing and performance optimizations, as detailed in the compatibility table and key features.
Separated into @ng-dnd/core, @ng-dnd/multi-backend, and @ng-dnd/sortable packages, allowing lightweight imports and tailored functionality, mentioned in the modular packages section.
Addresses frustrations with angular-skyhook by using clear naming for directives and properties, making the library more maintainable, as explained in the 'Why I create this project?' section.
Multi-backend system enables drag-and-drop on both desktop (HTML5) and touch devices, providing robust cross-platform compatibility, highlighted in the key features.
Documentation is split across separate pages for core, multi-backend, and sortable, which can fragment the learning experience and require more navigation, as indicated by the multiple docs links in the README.
The modular architecture requires installing and configuring multiple packages, adding overhead for simple drag-and-drop needs compared to all-in-one libraries or native solutions.
As a fork of the less-maintained angular-skyhook, ng-dnd may have a smaller community, fewer third-party extensions, and slower updates, which could impact long-term support.