diff --git a/demos/basic.html b/demos/basic.html
deleted file mode 100644
index 840dda67..00000000
--- a/demos/basic.html
+++ /dev/null
@@ -1,358 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <title>Muuri Demo</title>
-    <style>
-      * {
-        box-sizing: border-box;
-      }
-      ::selection {
-        background: transparent;
-      }
-      ::-moz-selection {
-        background: transparent;
-      }
-      html {
-        overflow-y: scroll;
-        height: 100%;
-        background: #222;
-      }
-      .dragbox {
-        position: fixed;
-        left: 0;
-        top: 0;
-        width: 0;
-        height: 0;
-        z-index: 1000;
-      }
-      .row {
-        display: flex;
-        justify-content: space-evenly;
-        margin: 50px 0;
-      }
-      .grid {
-        position: relative;
-        width: 45%;
-      }
-      .grid-actions {
-        position: relative;
-        height: 50px;
-        display: flex;
-      }
-      .grid-actions button {
-        display: block;
-        position: relative;
-        height: 30px;
-        margin: 10px 10px 10px 0px;
-      }
-      .grid-scroller {
-        position: relative;
-        background: #333;
-        border: 5px solid #333;
-        height: 300px;
-        overflow: hidden;
-        overflow-y: scroll;
-        border-radius: 3px;
-      }
-      .grid-content {
-        position: relative;
-        min-height: 100%;
-      }
-      .item {
-        position: absolute;
-        width: 100px;
-        height: 100px;
-        line-height: 100px;
-        margin: 5px;
-        z-index: 1;
-      }
-      .item.muuri-item-placeholder {
-        margin: 0px;
-      }
-      .item.h1 {
-        height: 50px;
-        line-height: 50px;
-      }
-      .item.h2 {
-        height: 110px;
-        line-height: 110px;
-      }
-      .item.w1 {
-        width: 50px;
-      }
-      .item.w2 {
-        width: 110px;
-      }
-      .item.muuri-item-hidden {
-        z-index: 0;
-      }
-      .item.muuri-item-releasing {
-        z-index: 2;
-      }
-      .item.muuri-item-dragging {
-        z-index: 3;
-      }
-      .item-content {
-        position: relative;
-        width: 100%;
-        height: 100%;
-        text-align: center;
-        background: #555;
-        font-family: monospace;
-        font-size: 20px;
-        color: white;
-        cursor: pointer;
-        border-radius: 5px;
-      }
-      .item.muuri-item-placeholder .item-content {
-        border: 2px dashed;
-        background-color: transparent;
-        color: #3cc399;
-      }
-      .item.muuri-item-dragging .item-content {
-        background: #3cc399;
-      }
-      .item.muuri-item-releasing .item-content {
-        background: #3cc399;
-      }
-      .item-handle {
-        display: none;
-      }
-    </style>
-  </head>
-  <body>
-    <div class="dragbox"></div>
-    <div class="row">
-      <div class="grid grid-1">
-        <nav class="grid-actions">
-          <button class="add">Add items</button>
-          <button class="remove">Remove items</button>
-        </nav>
-        <div class="grid-scroller">
-          <div class="grid-content"></div>
-        </div>
-      </div>
-
-      <div class="grid grid-2">
-        <nav class="grid-actions">
-          <button class="add">Add items</button>
-          <button class="remove">Remove items</button>
-        </nav>
-        <div class="grid-scroller">
-          <div class="grid-content"></div>
-        </div>
-      </div>
-    </div>
-
-    <div class="row">
-      <div class="grid grid-3">
-        <nav class="grid-actions">
-          <button class="add">Add items</button>
-          <button class="remove">Remove items</button>
-        </nav>
-        <div class="grid-scroller">
-          <div class="grid-content"></div>
-        </div>
-      </div>
-
-      <div class="grid grid-4">
-        <nav class="grid-actions">
-          <button class="add">Add items</button>
-          <button class="remove">Remove items</button>
-        </nav>
-        <div class="grid-scroller">
-          <div class="grid-content"></div>
-        </div>
-      </div>
-    </div>
-
-    <div class="row">
-      <div class="grid grid-5">
-        <nav class="grid-actions">
-          <button class="add">Add items</button>
-          <button class="remove">Remove items</button>
-        </nav>
-        <div class="grid-scroller">
-          <div class="grid-content"></div>
-        </div>
-      </div>
-
-      <div class="grid grid-6">
-        <nav class="grid-actions">
-          <button class="add">Add items</button>
-          <button class="remove">Remove items</button>
-        </nav>
-        <div class="grid-scroller">
-          <div class="grid-content"></div>
-        </div>
-      </div>
-    </div>
-
-    <div class="row">
-      <div class="grid grid-7">
-        <nav class="grid-actions">
-          <button class="add">Add items</button>
-          <button class="remove">Remove items</button>
-        </nav>
-        <div class="grid-scroller">
-          <div class="grid-content"></div>
-        </div>
-      </div>
-
-      <div class="grid grid-8">
-        <nav class="grid-actions">
-          <button class="add">Add items</button>
-          <button class="remove">Remove items</button>
-        </nav>
-        <div class="grid-scroller">
-          <div class="grid-content"></div>
-        </div>
-      </div>
-    </div>
-
-    <div class="row">
-      <div class="grid grid-9">
-        <nav class="grid-actions">
-          <button class="add">Add items</button>
-          <button class="remove">Remove items</button>
-        </nav>
-        <div class="grid-scroller">
-          <div class="grid-content"></div>
-        </div>
-      </div>
-
-      <div class="grid grid-10">
-        <nav class="grid-actions">
-          <button class="add">Add items</button>
-          <button class="remove">Remove items</button>
-        </nav>
-        <div class="grid-scroller">
-          <div class="grid-content"></div>
-        </div>
-      </div>
-    </div>
-
-    <script src="../node_modules/web-animations-js/web-animations.min.js"></script>
-    <script src="../dist/muuri.js"></script>
-    <script>
-      (function() {
-        let counter = 0;
-        const dragbox = document.querySelector('.dragbox');
-        const scrollers = [
-          { element: window, priority: -1 },
-          ...document.querySelectorAll('.grid-scroller')
-        ];
-        const grids = [];
-
-        [...document.querySelectorAll('.grid')].forEach(containerElement => {
-          const gridElement = containerElement.querySelector('.grid-content');
-          const grid = new Muuri(gridElement, {
-            items: '.item',
-            layout: {
-              fillGaps: true
-            },
-            dragEnabled: true,
-            dragContainer: dragbox,
-            dragRelease: {
-              useDragContainer: false
-            },
-            dragSort: function() {
-              return grids;
-            },
-            dragPlaceholder: {
-              enabled: true,
-              createElement: function(item) {
-                return item.getElement().cloneNode(true);
-              }
-            },
-            dragSortHeuristics: {
-              sortInterval: 150,
-              minDragDistance: 10,
-              minBounceBackAngle: 1
-            },
-            dragAutoScroll: {
-              targets: scrollers,
-              sortDuringScroll: false
-            }
-          });
-
-          containerElement
-            .querySelector('.add')
-            .addEventListener('click', () => addItemsToGrid(grid, 1000));
-
-          containerElement
-            .querySelector('.remove')
-            .addEventListener('click', () => removeItemsFromGrid(grid, 50));
-
-          grids.push(grid);
-        });
-
-        // Utils
-
-        function createItemElement(id, title, width, height) {
-          var el = document.createElement('div');
-          var classNames = 'item h' + height + ' w' + width;
-          // prettier-ignore
-          el.innerHTML = '<div class="' + classNames + '" data-id="' + id + '">' +
-                           '<div class="item-content">' +
-                            '<div class="item-handle"></div>' +
-                            '<span>' + title + '</span>' +
-                           '</div>' +
-                         '</div>';
-          return el.firstChild;
-        }
-
-        function createItemElements(amount) {
-          var ret = [];
-
-          for (var i = 0; i < amount; i++) {
-            var id = ++counter;
-            var title = id;
-            var width = getRandomInt(1, 2);
-            var height = getRandomInt(1, 2);
-            ret.push(createItemElement(id, title, height, width));
-          }
-
-          return ret;
-        }
-
-        // https://stackoverflow.com/a/7228322
-        function getRandomInt(min, max) {
-          return Math.floor(Math.random() * (max - min + 1) + min);
-        }
-
-        function addItemsToGrid(grid, amount) {
-          var t = performance.now();
-          var elements = createItemElements(amount);
-          console.log('createItemElements', performance.now() - t);
-
-          t = performance.now();
-          var items = grid.add(elements, { layout: false, active: false });
-          console.log('grid.add()', performance.now() - t);
-
-          t = performance.now();
-          grid.show(items);
-          console.log('grid.show()', performance.now() - t);
-        }
-
-        function removeItemsFromGrid(grid, amount) {
-          var t = performance.now();
-          var items = grid.getItems();
-          console.log('grid.getItems()', performance.now() - t);
-
-          t = performance.now();
-          if (items.length > amount) items.length = amount;
-          grid.hide(items, {
-            onFinish: function(hiddenItems) {
-              t = performance.now();
-              grid.remove(hiddenItems, { removeElements: true });
-              console.log('grid.remove()', performance.now() - t);
-            }
-          });
-          console.log('grid.hide()', performance.now() - t);
-        }
-      })();
-    </script>
-  </body>
-</html>
diff --git a/demos/layout.html b/demos/layout.html
deleted file mode 100644
index 8184deb0..00000000
--- a/demos/layout.html
+++ /dev/null
@@ -1,125 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <title>Muuri Demo</title>
-    <style>
-      .grid {
-        position: relative;
-        /* Control the height manually */
-        /* In this case we limit it to two rows */
-        height: 420px;
-        max-width: 1000px;
-        margin: auto;
-      }
-      .item {
-        position: absolute;
-        width: calc(100% / 3 - 4%);
-        height: 100px;
-        line-height: 100px;
-        margin: 2%;
-        z-index: 1;
-      }
-      .item.muuri-item-hidden {
-        z-index: 0;
-      }
-      .item.muuri-item-releasing {
-        z-index: 2;
-      }
-      .item.muuri-item-dragging {
-        z-index: 3;
-      }
-      .item-content {
-        position: relative;
-        bottom: 0;
-        height: 100%;
-        width: 100%;
-        text-align: center;
-        background: red;
-        border: 2px solid red;
-        font-size: 50px;
-        color: white;
-        cursor: pointer;
-      }
-      .item.muuri-item-dragging .item-content {
-        background: blue;
-      }
-      .item.muuri-item-releasing .item-content {
-        background: blueViolet;
-      }
-    </style>
-  </head>
-  <body>
-    <div class="grid">
-      <div class="item">
-        <div class="item-content">1</div>
-      </div>
-      <div class="item">
-        <div class="item-content">2</div>
-      </div>
-      <div class="item">
-        <div class="item-content">3</div>
-      </div>
-      <div class="item">
-        <div class="item-content">4</div>
-      </div>
-      <div class="item">
-        <div class="item-content">5</div>
-      </div>
-      <div class="item">
-        <div class="item-content">6</div>
-      </div>
-      <div class="item">
-        <div class="item-content">7</div>
-      </div>
-      <div class="item">
-        <div class="item-content">8</div>
-      </div>
-      <div class="item">
-        <div class="item-content">9</div>
-      </div>
-      <div class="item">
-        <div class="item-content">10</div>
-      </div>
-      <div class="item">
-        <div class="item-content">11</div>
-      </div>
-      <div class="item">
-        <div class="item-content">12</div>
-      </div>
-      <div class="item">
-        <div class="item-content">13</div>
-      </div>
-      <div class="item">
-        <div class="item-content">14</div>
-      </div>
-      <div class="item">
-        <div class="item-content">15</div>
-      </div>
-      <div class="item">
-        <div class="item-content">16</div>
-      </div>
-      <div class="item">
-        <div class="item-content">17</div>
-      </div>
-      <div class="item">
-        <div class="item-content">18</div>
-      </div>
-      <div class="item">
-        <div class="item-content">19</div>
-      </div>
-      <div class="item">
-        <div class="item-content">20</div>
-      </div>
-    </div>
-
-    <script src="../node_modules/web-animations-js/web-animations.min.js"></script>
-    <script src="../dist/muuri.js"></script>
-    <script>
-      var grid = new Muuri('.grid', {
-        dragEnabled: true,
-        layoutOnResize: 0,
-      });
-    </script>
-  </body>
-</html>
