https://github.com/qmhc/grid-layout-plus

A draggable and resizable grid layout, for Vue 3.
https://github.com/qmhc/grid-layout-plus

drag-and-drop grid-layout javascript typescript vite vue vue-component vue3 widget

Last synced: 11 days ago
JSON representation

A draggable and resizable grid layout, for Vue 3.

• Host: GitHub
• URL: https://github.com/qmhc/grid-layout-plus
• Owner: qmhc
• License: mit
• Created: 2023-04-07T12:10:44.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-07-19T10:15:05.000Z (4 months ago)
• Last Synced: 2024-10-11T17:42:31.513Z (about 1 month ago)
• Topics: drag-and-drop, grid-layout, javascript, typescript, vite, vue, vue-component, vue3, widget
• Language: TypeScript
• Homepage: https://grid-layout-plus.netlify.app/
• Size: 234 KB
• Stars: 298
• Watchers: 7
• Forks: 37
• Open Issues: 23
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.md

Awesome Lists containing this project

README

        


  

    

  



Grid Layout Plus




  

    

  



## What is Grid Layout Plus?

Grid Layout Plus comes from [Vue Grid Layout](https://github.com/jbaysolutions/vue-grid-layout) and is migrated to Vue 3.

> It is constructed with `` and normalized TypeScript.

<details>

  <summary>About Vue Grid Layout</summary>

  

## What is Vue Grid Layout?

Vue Grid Layout is a grid layout system for Vue 2, like [Gridster](http://dsmorse.github.io/gridster.js/).

**Heavily inspired by [React Grid Layout](https://github.com/STRML/react-grid-layout).**

</details>

## 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

- Responsive

## Documentation

Check out the online documentation [here](https://grid-layout-plus.netlify.app/).

## License

All in [MIT](./LICENSE.md) license.