Home

angular-gridster2-plus

Angular dashboard grid with draggable, resizable and pushable widgets. It is a community-maintained fork of angular-gridster2 by Tiberiu Zuld: same API, active bug fixing and development.

• Live demo
• Source code
• Requires Angular 22

Features

• Six grid types: fit to the container, scroll vertically or horizontally, fixed cell sizes
• Drag and resize with push, swap and compaction
• Empty cells: click, context menu, drop from outside, drag to create, hover preview
• Multiple layers, right-to-left layouts and a stacked mobile layout
• Follows window and container size changes
• Standalone components and signals; works with and without zone.js

Start here

• Getting Started: install the package and render a first dashboard
• Migrating from angular-gridster2: package rename and behaviour changes

Guides

• Grid Types
• Grid Size and Margins
• Items
• Drag
• Resize
• Push and Swap
• Compaction
• Empty Cells
• Multi-Layer
• Responsive and Mobile
• RTL
• Dynamic Widgets
• Saving and Restoring Layouts

Reference

• Configuration Reference: every grid option with its default
• Events and Callbacks
• API
• Styling

Help

• FAQ
• Issues
• Contributing