finds.dev← search

// the find

tiberiuzuld/angular-gridster2

★ 1,349 · TypeScript · MIT · updated Oct 2026

Angular gridster 2

An Angular port of the angular-gridster dashboard grid, for drag-and-resize widget layouts in Angular apps. It uses standalone components and targets Angular 22.x, with separate branches for other Angular versions.

- The API is standalone-component based, with a plain item model (cols, rows, x, y) that can be serialised as-is, so saving and restoring a layout doesn't need a custom state layer.

- Itemchange and itemresize callbacks fire on drag and resize, which is enough to persist layout changes without extra wiring.

- The test folder has specs for compaction, draggable, resizable, utils and the public API. For a layout engine, where push and collision bugs fail quietly, that coverage matters.

- The README says plainly that the grid fills its parent and does not size to content. That is the first thing a new user will hit, and it is stated up front.

- The README example doesn't match itself. The template calls removeItem($event, item) but the class method is removeItem(item). That won't type-check under strict templates, and anyone copying it will hit the error straight away.

- Version support is split across branches with no compatibility table in the README. Anyone not on Angular 22.x has to work out which branch to use without help.

- The iframe drag-interference problem is left to a linked issue instead of being explained in the README. Users with embedded content have to go looking for the workaround.

- Because the grid takes the parent's full size, a parent with no explicit height gives a collapsed grid. The README mentions this in one note and includes no example of the layout pattern that avoids it.

View on GitHub → Homepage ↗

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →