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
Go From AI Idea to AI App Fast Icon
Go From AI Idea to AI App Fast

One platform to build, fine-tune, and deploy ML models. No MLOps team required.

Access Gemini 3 and 200+ models. Build chatbots, agents, or custom models with built-in monitoring and scaling.
Try 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