Framework Agnostic

Gridstack.js is a modern pure Typescript library, with no external dependencies, that can work with any framework. It comes bundled with an Angular wrapper, and include many React|Vue examples (wrapper coming soon) as well as others.

Advanced features

Gridstack.js is a modern Typescript library designed to help developers create beautiful draggable, resizable, responsive layouts with just a few lines of code.

Hit Delay Fix 1.8.9 💯 Direct

| Risk | Mitigation | |------|-------------| | Double hurt animation/sound | Acceptable; less than 1 frame visible. Or add hurtResistantTime client-side flag. | | Entity null at time of attack | Check entity != null && !entity.isDead . | | Sound played for invulnerable entities | Add if (entity.hurtResistantTime > 0) return; before playing. | | Anti-cheat detecting “fake” hurt animations | None known; animation is purely client rendering. |

No client-side call to performHurtAnimation() when sendUseEntity is invoked. hit delay fix 1.8.9

To avoid playing the hurt animation twice (once local, once when SPacketEntityStatus arrives), add a check: | Risk | Mitigation | |------|-------------| | Double

Draggable & Resizable Elements

Intuitive interfaces with interactive components.

Effortless Drag-and-Drop

Manage content dynamically from a sidebar for insertions and deletions.

Responsive, Column-Based Layouts

Design adaptable and visually appealing web layouts.

Save and Restore Feature

Easily preserve and revert to previous layouts.

Inter-grid Interactivity

Drag items across multiple grids for sophisticated layout management.

Nested Grids

Create and manipulate nested grids dynamically to any depth.

Extensive Framework Support

Native Angular support, along with external bindings for Vue, React, Ember, Knockout.js, and more.