https://github.com/vaheqelyan/svelte-grid

A responsive, draggable and resizable grid layout, for Svelte. [NOT MAINTAINED]
https://github.com/vaheqelyan/svelte-grid

admin-dashboard drag draggable grid layout resizable svelte svelte-components

Last synced: about 3 hours ago
JSON representation

A responsive, draggable and resizable grid layout, for Svelte. [NOT MAINTAINED]

• Host: GitHub
• URL: https://github.com/vaheqelyan/svelte-grid
• Owner: vaheqelyan
• License: mit
• Created: 2019-07-31T07:00:15.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-08-25T07:16:22.000Z (about 1 year ago)
• Last Synced: 2024-10-28T11:43:55.344Z (11 days ago)
• Topics: admin-dashboard, drag, draggable, grid, layout, resizable, svelte, svelte-components
• Language: Svelte
• Homepage: https://svelte-grid.now.sh/
• Size: 1.2 MB
• Stars: 971
• Watchers: 19
• Forks: 59
• Open Issues: 54
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-starred - vaheqelyan/svelte-grid - A responsive, draggable and resizable grid layout, for Svelte. (svelte)

README

        
# svelte-grid



  



  



  



  





	





![](https://res.cloudinary.com/dmtrk3yns/video/upload/q_auto/v1565455366/ice_video_20190810-202954_fuquxt.gif)

## About

- 100% Svelte (or vanillajs) - no jQuery, no 3rd party dependencies

- Compatible with Sapper (SSR Svelte)

- Draggable widgets

- Resizable widgets

- Static widgets

- Layout can be serialized and restored

- Responsive breakpoints

- Limit the minimum and maximum width / height when resizing

- Provide helper functions

- Custom dragging

- Grid gap

- Soft autoscroll

## Installation

**via NPM**

```code

npm i svelte-grid --save-dev

```