vue-grid-layout is a grid layout system, like Gridster, for Vue.js. Heavily inspired by React-Grid-Layout. Bounds checking for dragging and resizing. Widgets can 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). 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. Ignore drag on certain elements and allow on others. Click and drag the dots on the corner of each item to reposition.

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

Project Samples

vue-grid-layout Screenshot 1

Project Activity

See All Activity >

Categories

User Interface (UI), Data Visualization

License

MIT License

Follow vue-grid-layout

vue-grid-layout Web Site

Other Useful Business Software
Gemini 3 and 200+ AI Models on One Platform Icon
Gemini 3 and 200+ AI Models on One Platform

Access Google's best plus Claude, Llama, and Gemma. Fine-tune and deploy from one console.

Build, govern, and optimize agents and models with Gemini Enterprise Agent Platform.
Start Free
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of vue-grid-layout!

Additional Project Details

Programming Language

JavaScript

Related Categories

JavaScript User Interface (UI) Software, JavaScript Data Visualization Software

Registered

2021-11-30
Report inappropriate content