https://github.com/mickael-pezzoni/ngx-dock-layout
ngx-dock-layout is an Angular library for building resizable panel interfaces, in the style of an IDE. It lets you organize your components in a tree of rows, columns, and tabs that users can reorganize by drag and drop, split, or close on the fly. Designed for Angular 21 with signals and OnPush, it integrates without complex configuration.
https://github.com/mickael-pezzoni/ngx-dock-layout
angular docking docking-library drag-drop layout panel resizable split tabs
Last synced: 5 days ago
JSON representation
ngx-dock-layout is an Angular library for building resizable panel interfaces, in the style of an IDE. It lets you organize your components in a tree of rows, columns, and tabs that users can reorganize by drag and drop, split, or close on the fly. Designed for Angular 21 with signals and OnPush, it integrates without complex configuration.
- Host: GitHub
- URL: https://github.com/mickael-pezzoni/ngx-dock-layout
- Owner: mickael-pezzoni
- License: mit
- Created: 2026-06-29T18:04:40.000Z (27 days ago)
- Default Branch: main
- Last Pushed: 2026-07-12T11:38:30.000Z (15 days ago)
- Last Synced: 2026-07-12T13:10:19.021Z (15 days ago)
- Topics: angular, docking, docking-library, drag-drop, layout, panel, resizable, split, tabs
- Language: TypeScript
- Homepage: https://mickael-pezzoni.github.io/ngx-dock-layout/
- Size: 313 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-angular - ngx-dock-layout - An Angular library for creating IDE-style, resizable panel layouts. (Third Party Components / Layout)
- fucking-awesome-angular - ngx-dock-layout - An Angular library for creating IDE-style, resizable panel layouts. (Third Party Components / Layout)
README
# ngx-dock-layout
An Angular dockable layout library — split panes, movable tabs, drag & drop, undo/redo, all driven by signals.
> **Demo**: [mickael-pezzoni.github.io/ngx-dock-layout](https://mickael-pezzoni.github.io/ngx-dock-layout/)
## Run the demo locally
```bash
npm install
npm start
```
Open [localhost:4200](http://localhost:4200).
## Documentation
See the [library README](projects/ngx-dock-layout/README.md) for installation, API reference, and usage examples.
[Lire la documentation en français](projects/ngx-dock-layout/README.fr.md)