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

4.2K Stars 795 Forks MIT License 316 Commits 125 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.11 (Supports Vue 2.2+)

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

Chinese documentation: 简体中文

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.