{"library":"vue-grid-layout","type":"library","category":null,"description":"Vue Grid Layout is a component library for Vue.js that provides a draggable and resizable grid layout system. It enables developers to create interactive dashboards and editable layouts where users can freely arrange, resize, and manage widgets. The current stable version, 2.4.0, supports Vue 2.2+. The library is actively maintained with a focus on bug fixes and incremental feature enhancements, without a strict release cadence. It offers features such as static widgets, bounds checking for drag and resize operations, layout serialization and restoration, automatic RTL support, and responsive design capabilities. It was heavily inspired by React-Grid-Layout. For Vue 3, there are community-maintained forks and dedicated libraries like `vue-grid-layout-v3`, `vue3-grid-layout`, and `@marsio/vue-grid-layout`, as the original `vue-grid-layout` does not officially support Vue 3.","language":"javascript","status":"maintenance","version":"2.4.0","tags":["javascript","grid","vuejs","drag","draggable","resize","resizable","fluid","responsive"],"last_verified":"Wed May 27","install":[{"cmd":"npm install vue-grid-layout","imports":["import VueGridLayout from 'vue-grid-layout';\nVue.use(VueGridLayout);","import { GridLayout, GridItem } from 'vue-grid-layout';"]},{"cmd":"yarn add vue-grid-layout","imports":[]},{"cmd":"pnpm add vue-grid-layout","imports":[]}],"homepage":null,"github":"https://github.com/jbaysolutions/vue-grid-layout","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/vue-grid-layout","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/vue-grid-layout/compatibility"}}