Vue grid layout

<p align="center"><a href="https://jbaysolutions.github.io/vue-grid-layout/" target="_blank" rel="noopener noreferrer"><img width="100" src="https://jbaysolutions.github.io/vue-grid-layout/assets/img/logo.png" alt="Vue Grid Layout"></a></p> <h1 align="center">vue-grid-layout</h1> <p align="center"> <a href="https://www.npmjs.com/package/vue-grid-layout"> <img src="https://img.shields.io/npm/v/vue-grid-layout.svg"/> <img src="https://img.shields.io/npm/dm/vue-grid-layout.svg"/> </a> <a href="https://github.com/jbaysolutions/vue-grid-layout/releases"> <img src="https://img.shields.io/github/size/jbaysolutions/vue-grid-layout/dist/vue-grid-layout.umd.min.js"/> </a> <!--a href="https://vuejs.org/"> <img src="https://img.shields.io/badge/vue-2.2.x-brightgreen.svg"/> </a--> </p> <h2 align="center"> <a href="https://jbaysolutions.github.io/vue-grid-layout/" target="_blank">Documentation Website</a> </h2>

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 <a href="https://jbaysolutions.github.io/vue-grid-layout/" target="_blank">Documentation Website</a>

<!-- Chinese documentation: [简体中文](./README-zh_CN.md) -->

Projects using vue-grid-layout

• DocsFold
• Draxed
• Data Providers
• Cataholic

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 <a href="https://www.jbaysolutions.com">JBay Solutions</a>