Angular Layout Builder with Nested Drag and Drop Lists

View code

Build advanced visual layout builders with nested drag and drop in Angular. This powerful example demonstrates nested sortable lists with drag handles and component slots, perfect for creating page builders and dashboard designers.

Create hierarchical structures with drag-and-drop functionality—ideal for layout builders, dashboard organizers, and visual editors. Supports multi-level nesting with full control over handles and constraints.

Demo: Generic, Tabs & Widgets

Generic A
Widget 1
Widget 2
Tabs Container
Generic B
Widget 3
Generic C
Generic D
Widget 4
Generic E
Move log

No events yet.