All Projects → jbaysolutions → Vue Grid Layout

jbaysolutions / Vue Grid Layout

Licence: mit
A draggable and resizable grid layout, for Vue.js.

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects
HTML
75241 projects

Projects that are alternatives of or similar to Vue Grid Layout

The Grid
Grid layout custom element with drag and drop capabilities
Stars: ✭ 122 (-97.64%)
Mutual labels:  resize, grid, drag-and-drop
Dragact
a dragger layout system with React style .
Stars: ✭ 710 (-86.27%)
Mutual labels:  grid, drag-and-drop, grid-layout
Tabulator
Interactive Tables and Data Grids for JavaScript
Stars: ✭ 4,329 (-16.27%)
Mutual labels:  widget, grid, grid-layout
Angular Grid Layout
Responsive grid with draggable and resizable items for Angular applications.
Stars: ✭ 163 (-96.85%)
Mutual labels:  grid, drag-and-drop, grid-layout
React Grid Layout
A draggable and resizable grid layout with responsive breakpoints, for React.
Stars: ✭ 14,732 (+184.95%)
Mutual labels:  resize, grid, drag-and-drop
grid-garden
Solutions to CSS Grid Garden
Stars: ✭ 79 (-98.47%)
Mutual labels:  grid, grid-layout
reactablejs
A react high-order component for interact.js(drag and drop, resizing and multi-touch gestures).
Stars: ✭ 59 (-98.86%)
Mutual labels:  resize, drag-and-drop
react-grid-dnd
drag and drop, grid edition. built with react
Stars: ✭ 161 (-96.89%)
Mutual labels:  grid, drag-and-drop
grid-layout
grid-layout is a layout engine which implements grid, can use in canvas/node-canvas
Stars: ✭ 43 (-99.17%)
Mutual labels:  grid, grid-layout
gridbugs-ru
Перевод списка багов в CSS Grid Layout, курируемого Рейчел Эндрю
Stars: ✭ 27 (-99.48%)
Mutual labels:  grid, grid-layout
tb-grid
tb-grid is a super simple and lightweight 12 column responsive grid system utilizing css grid.
Stars: ✭ 19 (-99.63%)
Mutual labels:  grid, grid-layout
ReactSimpleFlexGrid
A way to quickly add a Grid Layout to your React app 🚀
Stars: ✭ 185 (-96.42%)
Mutual labels:  grid, grid-layout
flex-box-grid
Responsive, mobile first Flexbox Grid
Stars: ✭ 39 (-99.25%)
Mutual labels:  grid, grid-layout
60gs
60GS - 60 Columns Grid System based on CSS Grid Layout
Stars: ✭ 65 (-98.74%)
Mutual labels:  grid, grid-layout
ngx-widget-grid
Angular 2.x or in general ng-x module for dashboards
Stars: ✭ 65 (-98.74%)
Mutual labels:  widget, grid
grid-container
A grid for the future, CSS Grid Layout + Web Components (Custom Elements v1 + Shadow DOM v1)
Stars: ✭ 51 (-99.01%)
Mutual labels:  grid, grid-layout
DPVideoMerger-Swift
Multiple videos merge in one video with manage scale & aspect ratio and also merge videos to grid matrix layout for Swift.
Stars: ✭ 49 (-99.05%)
Mutual labels:  grid, grid-layout
Grassy
Build layout through ASCII art in Sass (and more). No pre-built CSS. No additional markup.
Stars: ✭ 335 (-93.52%)
Mutual labels:  grid, grid-layout
Draggable Vue Directive
Vue2 directive that handles drag & drop
Stars: ✭ 286 (-94.47%)
Mutual labels:  drag-and-drop, vuejs2
Cssgridgenerator
🧮 Generate basic CSS Grid code to make dynamic layouts!
Stars: ✭ 3,943 (-23.73%)
Mutual labels:  grid, grid-layout

Vue Grid Layout

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.3.12 (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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].