Need help with vue-grid-layout?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

5.0K Stars 1.0K Forks MIT License 328 Commits 183 Opened issues


A draggable and resizable grid layout, for Vue.js.

Services available


Need anything else?

Contributors list

Vue Grid Layout


Documentation Website

What is Vue Grid Layout?

vue-grid-layout is a grid layout system, like Gridster, for Vue.js. Heavily inspired by React-Grid-Layout


  • Draggable widgets
  • Resizable widgets
  • Static widgets
  • Bounds checking for dragging and resizing
  • Widgets may be added or removed without rebuilding grid
  • Layout can be serialized and restored
  • Automatic RTL support (resizing not working with RTL on 2.2.0)
  • Responsive

Current version: 2.3.12 (Supports Vue 2.2+)

For legacy browsers, like IE11, use version 2.3.12-legacy

For Vue 2.1.10 and below use version 2.1.3

For Vue 1 use version 1.0.3


Check out the Documentation Website

Projects using vue-grid-layout

Know of others? Create a PR to let me know!


If you have a feature request, please add it as an issue or make a pull request.

Developed by JBay Solutions

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.