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