Draggable And Resizable Grid Layout For Vue.js


A Vue.js component for create a draggable and resizable grid layout, inspired by Gridster.




v2.3.12 (01/16/2020)

  • Alternative version for legacy browsers, like IE11

v2.3.11 (10/13/2020)

  • fix: regression when using responsive layout

v2.3.10 (10/12/2020)

  • Bumped interact.js to 1.10.0, now imported as ES6 modules to optimize size
  • fix: resizing a grid item in RTL mode wasn’t working
  • Added GridLayout.useStyleCursor property to fix possible browser freezes
  • fix: wrong parent layout when GridItem is not the child of GridLayout
  • Fix: Item’s size changes when hiding/displaying it again in responsive mode

v2.3.9 (09/28/2020)

  • Fix plugin installation

v2.3.8 (07/31/2020)

  • Make margins reactive
  • Added missing ‘layout-updated’ events
  • Support for initial responsive layouts and breakpoint change event
  • Bugfix for possible error when layout items get removed and interactObj is not set
  • Fix wrong grid item sorting in responsive mode


  • v2.3.7

Download Details:

Author: jbaysolutions

Live Demo: https://jbaysolutions.github.io/vue-grid-layout/examples/01-basic.html

Download Link: https://github.com/jbaysolutions/vue-grid-layout/archive/master.zip

Official Website: https://github.com/jbaysolutions/vue-grid-layout

Install & Download:

npm install vue-grid-layout

You Might Be Interested In:

Add Comment