svelte-grid

A responsive, draggable and resizable grid layout, for Svelte.

Usage no npm install needed!

<script type="module">
  import svelteGrid from 'https://cdn.skypack.dev/svelte-grid';
</script>

README

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