vue-grid-layout

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.

[Demo | Changelog]

Projects based on vue-grid-layout

• Draxed

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

Features

• 100% Vue.js - no jQuery
• 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

Installation

Usage

Contribute

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

TODO List

• Basic grid layout
• Draggable grid items
• Resizable grid items
• Static elements
• Min/max w/h per item
• Resizable handles on other corners