Skip to main content

Pragmatic
drag-and-drop
for Angular

ngx-builder-dnd offers a directive-driven drag-and-drop engine. With the ease and familiarity of the Angular ecosystem, you can create editors, nested builders, and intricate layouts with complete control, extensibility, and reactive events.

Get Started 📖

Try it out:

npm install ngx-builder-dnd@latest

A Directive-Driven Foundation for Drag & Drop

🧩 Directive-Driven

Keep your templates declarative and clean, everything is powered by Angular directives. No extra components or custom lifecycle needed. No setup, no boilerplate. Just plug and build.

🎨 Bring Your Own UI

ngx-builder-dnd doesn't force any layout or style. You control the structure, templates and interactions, the library simply powers the drag-and-drop logic beneath it.

⚙️ Fully Extensible

Extend, hook into, or override behavior with ease. Built atop Pragmatic DnD, every event, action, and handler is accessible, letting you fine-tune behavior for any use case.