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
$300 Free Credits to Build on Google Cloud Icon
$300 Free Credits to Build on Google Cloud

New to Google Cloud? Get $300 in credits to explore Compute Engine, BigQuery, Cloud Run, Gemini Enterprise Agent Platform, and more.

Start your next project with $300 in free Google Cloud credit. Spin up VMs, run containers, query petabytes in BigQuery, or build agents with Gemini Enterprise Agent Platform. Once your credits are used, keep building with 20+ always-free tier products including Compute Engine, Cloud Storage, GKE, and Cloud Run functions. No commitment required—just sign up and start building.
Claim $300 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