diff --git a/package.json b/package.json
index f7c0b77..a009a22 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
     "url": "https://github.com/scottlamb/moonfire-nvr/issues"
   },
   "scripts": {
-    "build": "ln ui-src/index.html ui-dist && webpack"
+    "build": "webpack && ln ui-src/index.html ui-dist/"
   },
   "dependencies": {
     "jquery": "^3.2.1",
diff --git a/ui/index.html b/ui/index.html
deleted file mode 100644
index c04a3ae..0000000
--- a/ui/index.html
+++ /dev/null
@@ -1,86 +0,0 @@
-<!DOCTYPE html>
-<!-- vim: set et: -->
-<html lang="en">
-  <head>
-    <title>moonfire ui</title>
-    <link href="jquery-ui.css" rel="stylesheet">
-    <script src="jquery.js"></script>
-    <script src="moment.js"></script>
-    <script src="../moment-timezone-with-data-2012-2022.js"></script>
-    <script src="jquery-ui.js"></script>
-    <script src="moonfire-ui.js"></script>
-    <style type="text/css">
-      #nav {
-        position: fixed;
-        left: 0px;
-        top: 0px;
-        width: 17em;
-      }
-      .ui-datepicker { width: 100%; }
-
-      #videos {
-        margin-left: 18em;
-      }
-      #videos tbody:after {
-        content: '';
-        display: block;
-        height: 3ex;
-      }
-      tbody .name {
-        background-color: #eee;
-      }
-      tr.r:hover { background-color: #ddd; }
-      tr.r th, tr.r td { padding: 0.5ex 1.5em; text-align: right; }
-
-      .ui-dialog .ui-dialog-content {
-        overflow: visible; /* remove stupid scroll bars when resizing. */
-        padding: 0;
-      }
-      video {
-        width: 100%;
-        height: 100%;
-      }
-    </style>
-  </head>
-  <body onload="onLoad()">
-    <div id="nav">
-      <form action="#">
-        <fieldset id="cameras">
-          <legend>Cameras</legend>
-        </fieldset>
-        <fieldset id="datetime">
-          <legend>Datetime range</legend>
-          <div id="start-date"></div>
-          <input id="start-time" name="start-time" type="text" title="Starting
-          time within the day. Blank for the beginning of the day. Otherwise
-          HH:mm[:ss[:FFFFF]][+-HH:mm], where F is 90,000ths of a second.
-          Timezone is normally left out; it's useful once a year during the
-          ambiguous times of the &quot;fall back&quot; hour."><br>
-          <input type="radio" name="end-date-type" id="end-date-same" checked>
-          <label for="to-same-date">to same day</label><br>
-          <input type="radio" name="end-date-type" id="end-date-other">
-          <label for="end-date-other">to other day</label>
-          <div id="end-date"></div>
-          <input id="end-time" name="end-time" type="text" title="Ending
-          time within the day. Blank for the end of the day. Otherwise
-          HH:mm[:ss[:FFFFF]][+-HH:mm], where F is 90,000ths of a second.
-          Timezone is normally left out; it's useful once a year during the
-          ambiguous times of the &quot;fall back&quot; hour."><br>
-        </fieldset>
-        <label for="split">Max video length</label>
-        <select name="split" id="split">
-          <option value="324000000">1 hour</option>
-          <option value="1296000000">4 hours</option>
-          <option value="7776000000">24 hours</option>
-          <option value="">infinite</option>
-        </select><br>
-        <input type="checkbox" checked id="trim" name="trim">
-        <label for="trim">Trim segment start/end</label><br>
-        <input type="checkbox" checked id="ts" name="ts">
-        <label for="ts">Timestamp track</label>
-      </form>
-    </div>
-    <table id="videos"></table>
-  </body>
-</html>
-
