svelte-GridTiles

Svelte Gridtiles

drag and drop resizable tiles on a responsive grid

svelte-GridTiles

Drag and drop resizable tiles on a responsive grid


  • add a GridTiles component to your page

  • import your components in the layout.js file

  • hard code a startup layout or build one from an optional toolbar once the page loads

  • allow users to add particular components from the drop down, if you want

  • your components appear inside the Tiles!

  • svelte is awesome!

  • works in Firefox, Chrome, and Epiphany, so should work in Safari too

  • TODO: allow saving of custom layouts

  • TODO: enable touch interaction, currently mouse only

check it out:
at the REPL: https://svelte.dev/repl/b993c8f5fa9f4105aa9a246321025166?version=3.46.4

or by getting yourself a svelte template:

npx degit sveltejs/template my-svelte-project
cd my-svelte-project
npm install

then plop the files from this GridTiles repo into your new /src folder and run:

npm run dev

Top categories

Loading Svelte Themes