WORK IN PROGRESS: USE AT YOUR OWN RISK!
vue-grid-layout is a grid layout system, like Gridster, for Vue.js.
Heavily inspired in React-Grid-Layout
It's responsive and supports breakpoints. Breakpoint layouts can be provided by the user or autogenerated.
Know of others? Create a PR to let me know!
- 100% Vue.js - no jQuery
- Draggable widgets
- Resizable widgets
- Static widgets
- Vertical auto-packing
- Bounds checking for dragging and resizing
- Widgets may be added or removed without rebuilding grid
- Layout can be serialized and restored
- Responsive breakpoints
- Separate layouts per responsive breakpoint
- Grid Items placed using CSS Transforms
If you have a feature request, please add it as an issue or make a pull request.
- Basic grid layout
- Fluid grid layout
- Grid packing
- Draggable grid items
- Live grid packing while dragging
- Resizable grid items
- Layouts per responsive breakpoint
- Static elements
- Min/max w/h per item
- Resizable handles on other corners
- Configurable w/h per breakpoint