diff --git a/src/index.html b/src/index.html
index 3d81344..82b3149 100644
--- a/src/index.html
+++ b/src/index.html
@@ -7,16 +7,23 @@
     </head>
     <body>
         <h1>Spazer</h1>
+
+        <h2>Animations</h2>
         <ul>
             <li> <a href="./konva-ball/index.html">Konva-ball</a>
             <li> <a href="./flow-fields/index.html">Flow-fields</a>
-            <li> <a href="./orbital-trails-extern/index.html">Orbital Trails (theirs)</a>
-            <li> <a href="./orbital-trails-extern-2/index.html">Orbital Trails 2 (theirs)</a>
             <li> <a href="./orbital-trails/index.html">Orbital Trails (mine)</a>
+            <li> <a href="./gravity-points/index.html">Gravity Points (mine)</a>
+            <li> <a href="./starfield/index.html">Starfield</a>
+        </ul>
+
+        <h2>Reference Animations</h2>
+        <ul>
+            <li> <a href="./gravity-points-extern/index.html">Gravity Points (theirs)</a>
             <li> <a href="./bokeh/index.html">Bokeh effect (their)</a>
             <li> <a href="./sparks/index.html">Sparks (theirs)</a>
-            <li> <a href="./gravity-points-extern/index.html">Gravity Points (theirs)</a>
-            <li> <a href="./gravity-points/index.html">Gravity Points (mine)</a>
+            <li> <a href="./orbital-trails-extern/index.html">Orbital Trails (theirs)</a>
+            <li> <a href="./orbital-trails-extern-2/index.html">Orbital Trails 2 (theirs)</a>
         </ul>
     </body>
 </html>
diff --git a/src/starfield/index.html b/src/starfield/index.html
new file mode 100644
index 0000000..01c2146
--- /dev/null
+++ b/src/starfield/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8"/>
+        <title>Starfield</title>
+        <script type="module" src="starfield.ts"></script>
+        <style>
+            canvas {
+                display: block;
+            }
+            body {
+                background: black;
+                margin: 0px;
+            }
+        </style>
+    </head>
+    <body>
+        <canvas id="mainCanvas"></canvas>
+    </body>
+</html>
+
diff --git a/src/starfield/starfield.ts b/src/starfield/starfield.ts
new file mode 100644
index 0000000..4c23160
--- /dev/null
+++ b/src/starfield/starfield.ts
@@ -0,0 +1,16 @@
+const canvas = document.querySelector("#mainCanvas");
+const ctx = canvas.getContext("2d");
+
+const dpr = window.devicePixelRatio;
+const cw = window.innerWidth;
+const ch = window.innerHeight;
+canvas.width = cw * dpr;
+canvas.height = ch * dpr;
+ctx.scale(dpr, dpr);
+
+function resize() {
+    canvas.width  = window.innerWidth * dpr;
+    canvas.height = window.innerHeight * dpr;
+}
+
+window.addEventListener('resize', resize, false);
