# jbaysolutions/vue-grid-layout

A draggable and resizable grid layout, for Vue.js.

Repository: https://github.com/jbaysolutions/vue-grid-layout
Canonical: https://ross.abutalabs.com/products/vue-grid-layout
Homepage: https://jbaysolutions.github.io/vue-grid-layout/
Language: JavaScript
License: MIT
License Family: permissive
Topics: drag-and-drop, vue, vuejs2, grid, grid-layout, widget, resize
Last push: 2024-05-09T07:00:58+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 3732, "days_push": 846, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 7406, forks 1528 (observed 2026-08-28T04:09:59.730683+00:00)

## What it is
A Vue.js 2 component library providing a draggable and resizable grid layout system, inspired by React-Grid-Layout and Gridster. It supports responsive layouts, serialization of layouts, bounds checking, and dynamic widget add/remove without rebuilding the grid.

## Use cases
- build a draggable dashboard with resizable widgets in vue
- create a gridster-like layout for vue.js
- let users rearrange dashboard panels by dragging
- serialize and restore a widget grid layout
- build a responsive widget grid in vue 2

## When to choose
- you are building a Vue 2 app needing draggable/resizable grid widgets
- you want layout persistence via serialization
- you need responsive, RTL-aware grid layouts

## When to avoid
- you are using Vue 3 (this library targets Vue 2)
- you only need static CSS grid layouts without drag/resize
- you need a framework-agnostic solution

## Facets
- artifact type: library
- maturity: maintenance
- function: ui-components, frontend-framework, state-management
- domain: frontend, web-development, web-design
- platform: browser
- tags: vue2, grid-layout, drag-and-drop, dashboard, widgets, responsive-layout, resizable, javascript, nodejs, web-server

## Member repositories
- jbaysolutions/vue-grid-layout (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:59.730683+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:38:02.243612+00:00, confidence not recorded.
  - readme: https://github.com/jbaysolutions/vue-grid-layout (fetched 2026-08-28T04:09:59.730683+00:00, sha 7ec703168c4a)
  - homepage: https://jbaysolutions.github.io/vue-grid-layout/ (fetched 2026-08-29T08:33:31.385217+00:00, sha cdd5570c3077)
  - registry_npm: https://registry.npmjs.org/vue-grid-layout (fetched 2026-08-29T08:33:31.387498+00:00, sha 1d9797ad5fb3)
- Data as of 2026-08-30T08:39:29.467469+00:00.