StarRankExplorer
ランキングに戻る

jbaysolutions/vue-grid-layout

JavaScriptjbaysolutions.github.io/vue-grid-layout/

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

drag-and-dropvuevuejs2gridgrid-layoutwidgetresize
スター成長
スター
7.4k
フォーク
1.5k
週間成長
—
Issue
241
2k4k6k
2023年1月2024年3月2025年5月2026年7月
成果物npmnpm install vue-grid-layout
README

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

関連リポジトリ
atlassian/react-beautiful-dnd

Beautiful and accessible drag and drop for lists with React

JavaScriptnpmOtherreactdrag-and-drop
react-beautiful-dnd.netlify.app
34k2.7k
SortableJS/Sortable

Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.

JavaScriptnpmMIT Licensedragsortable
sortablejs.github.io/Sortable/
31.2k3.7k
GrapesJS/grapesjs

Free and Open source Web Builder Framework. Next generation tool for building templates without coding

TypeScriptnpmOtherweb-builder-frameworktemplate-builder
grapesjs.com
26.1k4.6k
react-grid-layout/react-grid-layout

A draggable and resizable grid layout with responsive breakpoints, for React.

TypeScriptnpmMIT Licensejavascriptreact
react-grid-layout.github.io/react-grid-layout/examples/00-showcase.html
22.4k2.7k
bevacqua/dragula

:ok_hand: Drag and drop so simple it hurts

JavaScriptnpmMIT Licensejavascriptfront-end
bevacqua.github.io/dragula/
22.1k1.9k
react-dnd/react-dnd

Drag and Drop for React

TypeScriptnpmMIT Licensereactdrag-and-drop
react-dnd.github.io/react-dnd
21.6k2k
SortableJS/Vue.Draggable

Vue drag-and-drop component based on Sortable.js

JavaScriptnpmMIT Licensedrag-and-dropvue
sortablejs.github.io/Vue.Draggable/
20.6k2.8k
Shopify/draggable

The JavaScript Drag & Drop library your grandparents warned you about.

JavaScriptnpmMIT Licensejavascriptdrag-and-drop
shopify.github.io/draggable
18.5k1.1k
dropzone/dropzone

Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.

JavaScriptnpmOtherdropzonejavascript
dropzone.dev/js
18.4k3.2k
clauderic/dnd-kit

The modern toolkit for building drag and drop interfaces

TypeScriptnpmMIT Licensereactdraggable
dndkit.com
17.4k911
pqina/filepond

🌊 A flexible and fun JavaScript file upload library

JavaScriptnpmMIT Licensefile-uploaddrag-and-drop
pqina.nl/filepond
16.4k853
konvajs/konva

Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.

TypeScriptnpmOtherkonvajavascript
konvajs.org
14.6k1.1k