Vue Grid Layout

screenshot of Vue Grid Layout
vue

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

Overview

Vue Grid Layout is a grid layout system designed for Vue.js, heavily inspired by React-Grid-Layout. It offers features such as draggable, resizable, and static widgets with bounds checking for dragging and resizing. The layout can be serialized and restored, supports automatic RTL, is responsive, and works with legacy browsers like IE11.

Features

  • Draggable widgets: Users can easily drag widgets around the grid.
  • Resizable widgets: Widgets can be resized for better customization.
  • Static widgets: Option to make widgets static within the layout.
  • Bounds checking: Ensures that dragging and resizing of widgets stays within specified bounds.
  • Serialization: Ability to serialize and restore the layout.
  • Automatic RTL support: Supports automatic Right-to-Left layout.
  • Responsive: Layout adjusts based on screen size.
  • Legacy browser support: Specifically supports IE11 and older browsers.
vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.