Home
Softono
svelte-grid

svelte-grid

Open source MIT Svelte
1K
Stars
69
Forks
54
Issues
17
Watchers
2 years
Last Commit

About svelte-grid

svelte-grid is a responsive, draggable, and resizable grid layout component designed for the Svelte framework. It allows developers to create dynamic dashboard interfaces featuring movable and resizeable widgets, as well as static elements. The library is fully responsive, adapting layouts across different screen breakpoints, and supports serialization to save and restore user-defined arrangements. Key features include constraints for minimum and maximum widget dimensions during resizing, customizable grid gaps, soft autoscroll functionality, and helper utilities for manipulation. It is built entirely with Svelte or Vanilla JavaScript, ensuring zero external dependencies like jQuery. The package is compatible with Sapper for server-side rendering scenarios. Please note that svelte-grid is currently marked as not maintained. Installation is available via NPM. This tool is ideal for building interactive admin panels, data visualization dashboards, or any application requiring flexible, user-customizable grid ar

Platforms

Web Self-hosted

Languages

Svelte

svelte-grid

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

npm i svelte-grid --save-dev