UI Components > UI Layout


vue-grid-layout 9.32


A draggable and resizable grid layout, for Vue.js.
  • drag_and_drop
  • grid
  • grid_layout
  • resize
  • vue
  • vuejs2
  • widget
  • vuejs
  • drag
  • draggable
  • resizable
  • fluid
  • responsive
last commit 2 years ago
5979
Stargazers

Watchers
5979
Open issues
200
2327353
Downloads

Last 30 days
175175
Releases
5
57
Final Score

Quality
70
Popularity
38
Maintenance
65

Vue Grid Layout

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

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