Awesome
<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
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>