jbaysolutions/vue-grid-layout

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

JavaScript

7,397

336 commits

updated May 9, 2024

jbaysolutions.github.io/vue-grid-layout

See the code

README

vue-grid-layout

Documentation Website

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 Documentation Website

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 JBay Solutions

drag-and-drop

grid

grid-layout

resize

vue

vuejs2

widget

Project health

Overall

3.4/10

Maintained

0/10

Code review

3/10

OpenSSF Scorecard

npm

vue-grid-layout

Latest release

2.4.0 · Aug 3, 2022

Releases this year

Significant stargazers

Jason Bosco

293 followers · starred Sep 2023

Carter Li

387 followers · starred May 2018

花裤衩

13,409 followers · starred Jul 2018

Gong Dewei

60 followers · starred Mar 2024

Similar repos

golden-layout/golden-layout

A multi window layout manager for webapps

6,720

gridstack/gridstack.js

Build interactive dashboards in minutes.

9,192

SortableJS/Vue.Draggable

Vue drag-and-drop component based on Sortable.js

20,569

react-grid-layout/react-grid-layout

A draggable and resizable grid layout with responsive breakpoints, for React.

22,447

sdras/cssgridgenerator

🧮 Generate basic CSS Grid code to make dynamic layouts!

5,360

Alfred-Skyblue/vue-draggable-plus

Universal Drag-and-Drop Component Supporting both Vue 3 and Vue 2

4,012

ducksboard/gridster.js

gridster.js is a jQuery plugin that makes building intuitive draggable layouts from elements…

5,963

naver/egjs-infinitegrid

A module used to arrange card elements including content infinitely on a grid layout.

2,362

jbaysolutions/vue-grid-layout

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

JavaScript

7,397

336 commits

updated May 9, 2024

jbaysolutions.github.io/vue-grid-layout

See the code

README

vue-grid-layout

Documentation Website

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 Documentation Website

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 JBay Solutions

drag-and-drop

grid

grid-layout

resize

vue

vuejs2

widget

Project health

Overall

3.4/10

Maintained

0/10

Code review

3/10

OpenSSF Scorecard

npm

vue-grid-layout

Latest release

2.4.0 · Aug 3, 2022

Releases this year

Significant stargazers

Jason Bosco

293 followers · starred Sep 2023

Carter Li

387 followers · starred May 2018

花裤衩

13,409 followers · starred Jul 2018

Gong Dewei

60 followers · starred Mar 2024

Similar repos

golden-layout/golden-layout

A multi window layout manager for webapps

6,720

gridstack/gridstack.js

Build interactive dashboards in minutes.

9,192

SortableJS/Vue.Draggable

Vue drag-and-drop component based on Sortable.js

20,569

react-grid-layout/react-grid-layout

A draggable and resizable grid layout with responsive breakpoints, for React.

22,447

sdras/cssgridgenerator

🧮 Generate basic CSS Grid code to make dynamic layouts!

5,360

Alfred-Skyblue/vue-draggable-plus

Universal Drag-and-Drop Component Supporting both Vue 3 and Vue 2

4,012

ducksboard/gridster.js

gridster.js is a jQuery plugin that makes building intuitive draggable layouts from elements…

5,963

naver/egjs-infinitegrid

A module used to arrange card elements including content infinitely on a grid layout.

2,362