diff --git a/.gitignore b/.gitignore
index 8614524c..caea2ef2 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,7 @@
 node_modules
 
 /built
+/demo/built
 /coverage
 /examples/webpack/bundle.js
 **/__diff_output__/
diff --git a/config/webpack.bundle-analyzer.js b/config/webpack.bundle-analyzer.js
deleted file mode 100644
index c38c6fe8..00000000
--- a/config/webpack.bundle-analyzer.js
+++ /dev/null
@@ -1,11 +0,0 @@
-const BundleAnalyzerPlugin = require("webpack-bundle-analyzer")
-  .BundleAnalyzerPlugin;
-
-const merge = require("webpack-merge");
-const prod = require("./webpack.prod.js");
-
-const config = merge(prod, {
-  plugins: [new BundleAnalyzerPlugin()]
-});
-
-module.exports = config;
diff --git a/config/webpack.common.js b/demo/config/webpack.common.js
similarity index 90%
rename from config/webpack.common.js
rename to demo/config/webpack.common.js
index 848ecafe..f6433f94 100644
--- a/config/webpack.common.js
+++ b/demo/config/webpack.common.js
@@ -56,17 +56,17 @@ module.exports = {
       background_color: "#ffffff", // eslint-disable-line camelcase
       icons: [
         {
-          src: path.resolve("./images/manifest/icon-192x192.png"),
+          src: path.resolve("./demo/images/manifest/icon-192x192.png"),
           sizes: "192x192",
           type: "image/png"
         },
         {
-          src: path.resolve("./images/manifest/icon-512x512.png"),
+          src: path.resolve("./demo/images/manifest/icon-512x512.png"),
           sizes: "512x512",
           type: "image/png"
         },
         {
-          src: path.resolve("./images/manifest/icon.svg"),
+          src: path.resolve("./demo/images/manifest/icon.svg"),
           sizes: "513x513",
           type: "image/svg+xml"
         }
@@ -82,6 +82,7 @@ module.exports = {
   entry: {
     webamp: ["./js/index.js"]
   },
+  context: path.resolve(__dirname, "../"),
   output: {
     filename: "[name]-[hash].js",
     chunkFilename: "[name]-[hash].js",
diff --git a/config/webpack.dev.js b/demo/config/webpack.dev.js
similarity index 80%
rename from config/webpack.dev.js
rename to demo/config/webpack.dev.js
index 33c72391..3c749788 100644
--- a/config/webpack.dev.js
+++ b/demo/config/webpack.dev.js
@@ -13,7 +13,11 @@ module.exports = merge(common, {
       )
     }),
     new CopyWebpackPlugin([
-      { from: "js/dev-service-worker.js", to: "service-worker.js", force: true }
+      {
+        from: "./js/dev-service-worker.js",
+        to: "service-worker.js",
+        force: true
+      }
     ])
   ]
 });
diff --git a/config/webpack.prod.js b/demo/config/webpack.prod.js
similarity index 100%
rename from config/webpack.prod.js
rename to demo/config/webpack.prod.js
diff --git a/css/page.css b/demo/css/page.css
similarity index 100%
rename from css/page.css
rename to demo/css/page.css
diff --git a/images/favicon.ico b/demo/images/favicon.ico
similarity index 100%
rename from images/favicon.ico
rename to demo/images/favicon.ico
diff --git a/images/manifest/icon-144x144.png b/demo/images/manifest/icon-144x144.png
similarity index 100%
rename from images/manifest/icon-144x144.png
rename to demo/images/manifest/icon-144x144.png
diff --git a/images/manifest/icon-192x192.png b/demo/images/manifest/icon-192x192.png
similarity index 100%
rename from images/manifest/icon-192x192.png
rename to demo/images/manifest/icon-192x192.png
diff --git a/images/manifest/icon-48x48.png b/demo/images/manifest/icon-48x48.png
similarity index 100%
rename from images/manifest/icon-48x48.png
rename to demo/images/manifest/icon-48x48.png
diff --git a/images/manifest/icon-512x512.png b/demo/images/manifest/icon-512x512.png
similarity index 100%
rename from images/manifest/icon-512x512.png
rename to demo/images/manifest/icon-512x512.png
diff --git a/images/manifest/icon-72x72.png b/demo/images/manifest/icon-72x72.png
similarity index 100%
rename from images/manifest/icon-72x72.png
rename to demo/images/manifest/icon-72x72.png
diff --git a/images/manifest/icon-96x96.png b/demo/images/manifest/icon-96x96.png
similarity index 100%
rename from images/manifest/icon-96x96.png
rename to demo/images/manifest/icon-96x96.png
diff --git a/images/manifest/icon.svg b/demo/images/manifest/icon.svg
similarity index 100%
rename from images/manifest/icon.svg
rename to demo/images/manifest/icon.svg
diff --git a/images/preview.png b/demo/images/preview.png
similarity index 100%
rename from images/preview.png
rename to demo/images/preview.png
diff --git a/images/share/butterchurn-bg.png b/demo/images/share/butterchurn-bg.png
similarity index 100%
rename from images/share/butterchurn-bg.png
rename to demo/images/share/butterchurn-bg.png
diff --git a/images/share/eye.svg b/demo/images/share/eye.svg
similarity index 100%
rename from images/share/eye.svg
rename to demo/images/share/eye.svg
diff --git a/images/share/github.svg b/demo/images/share/github.svg
similarity index 100%
rename from images/share/github.svg
rename to demo/images/share/github.svg
diff --git a/images/share/info.svg b/demo/images/share/info.svg
similarity index 100%
rename from images/share/info.svg
rename to demo/images/share/info.svg
diff --git a/images/share/mail.svg b/demo/images/share/mail.svg
similarity index 100%
rename from images/share/mail.svg
rename to demo/images/share/mail.svg
diff --git a/images/share/twitter.svg b/demo/images/share/twitter.svg
similarity index 100%
rename from images/share/twitter.svg
rename to demo/images/share/twitter.svg
diff --git a/index.html b/demo/index.html
similarity index 95%
rename from index.html
rename to demo/index.html
index 03f58825..c067adbf 100755
--- a/index.html
+++ b/demo/index.html
@@ -69,13 +69,13 @@
     <div id="webamp-icon"></div>
     <p class='about'>
         <a target="_blank" href='https://github.com/jberg/butterchurn' id='butterchurn-share' style="background-image: url(<%= require('./images/share/butterchurn-bg.png') %>)">
-            <img inline src="images/share/eye.svg" />
+            <img inline src="demo/images/share/eye.svg" />
         </a>
         <a target="_blank" href='https://twitter.com/captbaritone' id='twitter-share'>
-            <img inline src="images/share/twitter.svg" />
+            <img inline src="demo/images/share/twitter.svg" />
         </a>
         <a target="_blank" href='https://github.com/captbaritone/webamp' id='github-share'>
-            <img inline src="images/share/github.svg" />
+            <img inline src="demo/images/share/github.svg" />
         </a>
     </p>
     <script type="text/javascript">
diff --git a/js/WebampIcon.tsx b/demo/js/WebampIcon.tsx
similarity index 96%
rename from js/WebampIcon.tsx
rename to demo/js/WebampIcon.tsx
index 11f4b9b6..3b2c524e 100644
--- a/js/WebampIcon.tsx
+++ b/demo/js/WebampIcon.tsx
@@ -1,4 +1,4 @@
-import WebampLazy from "./webampLazy";
+import WebampLazy from "../../js/webampLazy";
 // @ts-ignore #hook-types
 import React, { useEffect, useState, useRef } from "react";
 // @ts-ignore
diff --git a/js/config.ts b/demo/js/config.ts
similarity index 98%
rename from js/config.ts
rename to demo/js/config.ts
index d375c36f..23446ea4 100644
--- a/js/config.ts
+++ b/demo/js/config.ts
@@ -1,4 +1,4 @@
-import { Track, AppState } from "./types";
+import { Track, AppState } from "../../js/types";
 // @ts-ignore
 import llamaAudio from "../mp3/llama-2.91.mp3";
 import { DeepPartial } from "redux";
diff --git a/js/dev-service-worker.js b/demo/js/dev-service-worker.js
similarity index 100%
rename from js/dev-service-worker.js
rename to demo/js/dev-service-worker.js
diff --git a/js/googleAnalytics.min.js b/demo/js/googleAnalytics.min.js
similarity index 100%
rename from js/googleAnalytics.min.js
rename to demo/js/googleAnalytics.min.js
diff --git a/js/index.js b/demo/js/index.js
similarity index 91%
rename from js/index.js
rename to demo/js/index.js
index fad0a320..72658661 100644
--- a/js/index.js
+++ b/demo/js/index.js
@@ -5,22 +5,19 @@ import React from "react";
 import ReactDOM from "react-dom";
 import createMiddleware from "raven-for-redux";
 import isButterchurnSupported from "butterchurn/lib/isSupported.min";
-import osx from "../skins/MacOSXAqua1-5.wsz";
-import topaz from "../skins/TopazAmp1-2.wsz";
-import visor from "../skins/Vizor1-01.wsz";
-import xmms from "../skins/XMMS-Turquoise.wsz";
-import zaxon from "../skins/ZaxonRemake1-0.wsz";
-import green from "../skins/Green-Dimension-V2.wsz";
-import base from "../skins/base-2.91-png.wsz";
-import internetArchive from "../skins/Internet-Archive.wsz";
-import screenshotInitialState from "./screenshotInitialState";
-import partialButterchurnOptions from "./components/MilkdropWindow/options";
-import { WINDOWS } from "./constants";
-import * as Selectors from "./selectors";
+import osx from "../../skins/MacOSXAqua1-5.wsz";
+import topaz from "../../skins/TopazAmp1-2.wsz";
+import visor from "../../skins/Vizor1-01.wsz";
+import xmms from "../../skins/XMMS-Turquoise.wsz";
+import zaxon from "../../skins/ZaxonRemake1-0.wsz";
+import green from "../../skins/Green-Dimension-V2.wsz";
+import base from "../../skins/base-2.91-png.wsz";
+import internetArchive from "../../skins/Internet-Archive.wsz";
+import partialButterchurnOptions from "../../js/components/MilkdropWindow/options";
+import { WINDOWS } from "../../js/constants";
+import * as Selectors from "../../js/selectors";
 
-import WebampLazy from "./webampLazy";
-import WebampIcon from "./WebampIcon";
-import enableMediaSession from "./mediaSession";
+import WebampLazy from "../../js/webampLazy";
 import {
   STEP_MARQUEE,
   UPDATE_TIME_ELAPSED,
@@ -33,9 +30,10 @@ import {
   TOGGLE_SHUFFLE,
   SET_EQ_AUTO,
   SET_DUMMY_VIZ_DATA
-} from "./actionTypes";
+} from "../../js/actionTypes";
 
-import { loadFilesFromReferences } from "./actionCreators";
+import { loadFilesFromReferences } from "../../js/actionCreators";
+import { bindToIndexedDB } from "./indexedDB";
 
 import {
   skinUrl as configSkinUrl,
@@ -43,8 +41,9 @@ import {
   initialState,
   disableMarquee
 } from "./config";
-
-import { bindToIndexedDB } from "./indexedDB";
+import WebampIcon from "./WebampIcon";
+import enableMediaSession from "./mediaSession";
+import screenshotInitialState from "./screenshotInitialState";
 
 const DEFAULT_DOCUMENT_TITLE = document.title;
 
diff --git a/js/indexedDB.js b/demo/js/indexedDB.js
similarity index 95%
rename from js/indexedDB.js
rename to demo/js/indexedDB.js
index 68040f55..645af832 100644
--- a/js/indexedDB.js
+++ b/demo/js/indexedDB.js
@@ -1,5 +1,5 @@
 import IdbKvStore from "idb-kv-store";
-import { throttle } from "./utils";
+import { throttle } from "../../js/utils";
 const LOCAL_STORAGE_KEY = "webamp_state";
 
 export async function bindToIndexedDB(webamp, clearState, useState) {
diff --git a/js/mediaSession.ts b/demo/js/mediaSession.ts
similarity index 96%
rename from js/mediaSession.ts
rename to demo/js/mediaSession.ts
index 7cb7e4a4..8ddcc519 100644
--- a/js/mediaSession.ts
+++ b/demo/js/mediaSession.ts
@@ -1,5 +1,5 @@
-import WebampLazy from "./webampLazy";
-import { LoadedURLTrack } from "./types";
+import WebampLazy from "../webampLazy";
+import { LoadedURLTrack } from "../types";
 
 export default function enableMediaSession(webamp: WebampLazy) {
   if ("mediaSession" in navigator) {
diff --git a/js/screenshotInitialState.ts b/demo/js/screenshotInitialState.ts
similarity index 97%
rename from js/screenshotInitialState.ts
rename to demo/js/screenshotInitialState.ts
index 6935fe8b..f24cc0f2 100644
--- a/js/screenshotInitialState.ts
+++ b/demo/js/screenshotInitialState.ts
@@ -1,5 +1,5 @@
 import { DeepPartial } from "redux";
-import { AppState } from "./types";
+import { AppState } from "../types";
 
 const defaultTracksState = {
   "0": {
diff --git a/mp3/llama-2.91.mp3 b/demo/mp3/llama-2.91.mp3
similarity index 100%
rename from mp3/llama-2.91.mp3
rename to demo/mp3/llama-2.91.mp3
diff --git a/demo/readme.md b/demo/readme.md
new file mode 100644
index 00000000..349002e9
--- /dev/null
+++ b/demo/readme.md
@@ -0,0 +1,3 @@
+# Webamp.org
+
+This directory contains the code used for [Webamp.org](https://webamp.org), as opposed to the `webamp` NPM module.
diff --git a/experiments/skin.html b/experiments/skin.html
deleted file mode 100755
index e2cd4758..00000000
--- a/experiments/skin.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <title>Webamp Skin Explorer</title>
-        <meta charset="utf-8" />
-        <link rel="shortcut icon" sizes="16x16 32x32" href="./images/favicon.ico">
-    </head>
-    <body>
-        <div id='skin'></div>
-        <script src="./built/skinExplorer.js"></script>
-    </body>
-</html>
diff --git a/js/skinExplorer.js b/js/skinExplorer.js
deleted file mode 100644
index 45d55d12..00000000
--- a/js/skinExplorer.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from "react";
-import { render } from "react-dom";
-import { skinUrl } from "./config";
-import skinParser from "./skinParser";
-
-const SkinTable = props => (
-  <table>
-    {Object.keys(props.images)
-      .sort()
-      .map(key => (
-        <tr>
-          <td>{key}</td>
-          <td>
-            <img src={props.images[key]} />
-          </td>
-        </tr>
-      ))}
-  </table>
-);
-
-const parse = async () => {
-  const skinData = await skinParser((await fetch(skinUrl)).arrayBuffer());
-  render(<SkinTable {...skinData} />, document.getElementById("skin"));
-};
-
-parse();
diff --git a/netlify.toml b/netlify.toml
index af6ecd9f..e22a005b 100644
--- a/netlify.toml
+++ b/netlify.toml
@@ -1,6 +1,6 @@
 [build]
   command = "npm run build && npm run build-library"
-  publish = "built"
+  publish = "demo/built"
 
 # A short URL for listeners of https://changelog.com/podcast/291
 [[redirects]]
diff --git a/package.json b/package.json
index ed3cdc12..74179012 100644
--- a/package.json
+++ b/package.json
@@ -12,13 +12,12 @@
   "scripts": {
     "lint": "eslint .",
     "type-check": "tsc",
-    "build": "webpack --config=config/webpack.prod.js",
+    "build": "webpack --config=demo/config/webpack.prod.js",
     "build-library": "webpack --config=config/webpack.library.js",
-    "analyze": "webpack --config=config/webpack.bundle-analyzer.js",
     "prepublishOnly": "npm run build-library",
     "serve": "http-server ./built",
-    "start": "webpack-dev-server --open --config=config/webpack.dev.js",
-    "stats": "webpack --config=config/webpack.prod.js --json > stats.json",
+    "start": "webpack-dev-server --open --config=demo/config/webpack.dev.js",
+    "stats": "webpack --config=demo/config/webpack.prod.js --json > stats.json",
     "stats-library": "webpack --config=config/webpack.library.js --json > stats.json",
     "weight": "npm run build-library > /dev/null && gzip-size built/webamp.bundle.min.js",
     "test": "jest --projects config/jest.unit.js config/jest.eslint.js",