@corvina/vue-grid-layout
A draggable and resizable grid layout, as a Vue component.
4,536
| Install | |
|---|---|
npm install @corvina/vue-grid-layout |
|
| Latest Version: | 2.4.0-corvina-5 |
| Vue: | 2 |
| License: | MIT |
| Last Updated: | Mar 5, 2026 |
| Links: | GitHub · npm |
Maintainer: fabiofiorio
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
Related Packages
Version History
Pre-releases (5)
| Version | Released | Vue | License |
|---|---|---|---|
| 2.4.0-corvina-5 | ^2.7.8 | MIT | |
| 2.4.0-corvina-4 | ^2.7.8 | MIT | |
| 2.4.0-corvina-3 | ^2.7.8 | MIT | |
| 2.4.0-corvina-2 | ^2.7.8 | ||
| 2.4.0-corvina-1 | ^2.7.8 |