vue-grid-layout

A draggable and resizable grid layout, as a Vue component.
2,102,559 7,398
Install
npm install vue-grid-layout
Latest Version:2.4.0
Vue:2
Older releases:1
License:MIT
Last Updated:May 9, 2024
Links: GitHub  ·  npm
Maintainer: gmsa

What is Vue Grid Layout?

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

Features

  • 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.4.0 (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

Documentation

Check out the Documentation Website

Projects using vue-grid-layout

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

Contribute

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

Developed by JBay Solutions

Related Packages

vue3-grid-layout-next

A draggable and resizable grid layout, as a Vue component.

773,720 129
vue-grid-layout-v3

A draggable and resizable grid layout, as a Vue component.

429,159 113
@corvina/vue-grid-layout

A draggable and resizable grid layout, as a Vue component.

4,536 0
@widgetti/vue-grid-layout

A draggable and resizable grid layout, as a Vue component.

2,224 0
vue3-grid-layout-ts

A draggable and resizable grid layout, as a Vue component.

2,063

Version History

Version Released License
2.4.0 MIT
2.3.12 MIT
2.3.11 MIT
2.3.10
2.3.9 MIT
Pre-releases (6)
Version Released License
3.0.0-beta1 MIT
2.3.13-beta.4
2.3.13-beta.3
2.3.13-beta.2
2.3.13-beta.1