diff --git a/demo/animated-shapes.html b/demo/animated-shapes.html
index 377b930..dfce90b 100644
--- a/demo/animated-shapes.html
+++ b/demo/animated-shapes.html
@@ -68,7 +68,7 @@
     <script type="module">
       import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
 
-      FolkGeometry.register();
+      FolkGeometry.define();
 
       const geos = document.querySelectorAll('fc-geometry');
 
diff --git a/demo/arrows.html b/demo/arrows.html
index 5ff377c..b8ac98c 100644
--- a/demo/arrows.html
+++ b/demo/arrows.html
@@ -37,8 +37,8 @@
       import { FolkConnection } from '../src/arrows/fc-connection.ts';
       import '../src/arrows/iframe-script.ts';
 
-      FolkGeometry.register();
-      FolkConnection.register();
+      FolkGeometry.define();
+      FolkConnection.define();
     </script>
   </body>
 </html>
diff --git a/demo/beats.html b/demo/beats.html
index a0498b0..21d5330 100644
--- a/demo/beats.html
+++ b/demo/beats.html
@@ -65,10 +65,10 @@
       import { FolkMetronome } from '../src/folk-metronome.ts';
       import { EventPropagator } from '../src/arrows/event-propagator.ts';
 
-      FolkGeometry.register();
-      FolkLLM.register();
-      FolkMetronome.register();
-      EventPropagator.register();
+      FolkGeometry.define();
+      FolkLLM.define();
+      FolkMetronome.define();
+      EventPropagator.define();
     </script>
   </body>
 </html>
diff --git a/demo/canvasify.html b/demo/canvasify.html
index 94afa50..aaf7a03 100644
--- a/demo/canvasify.html
+++ b/demo/canvasify.html
@@ -45,77 +45,64 @@
       <h1>My article</h1>
       <p>
         <span
-          >Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-          eiusmod tempor incididunt ut labore et dolore magna aliqua.</span
+          >Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+          magna aliqua.</span
         >
-        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
-        ut aliquip ex ea commodo consequat. Duis aute irure dolor in
-        reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa
-        qui officia deserunt mollit anim id est laborum.
+        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
+        aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+        occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
       </p>
       <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
-        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
-        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
-        commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
-        velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
-        occaecat cupidatat non proident, sunt in culpa qui officia deserunt
-        mollit anim id est laborum.
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+        magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
+        laborum.
       </p>
       <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
-        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
-        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
-        commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
-        velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
-        occaecat cupidatat non proident, sunt in culpa qui officia deserunt
-        mollit anim id est laborum.
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+        magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
+        laborum.
       </p>
       <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
-        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
-        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
-        commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
-        velit esse cillum dolore eu fugiat nulla pariatur.
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+        magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+        pariatur.
         <span
-          >Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
-          officia deserunt mollit anim id est laborum.</span
+          >Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
+          laborum.</span
         >
       </p>
       <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
-        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
-        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
-        commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
-        velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
-        occaecat cupidatat non proident, sunt in culpa qui officia deserunt
-        mollit anim id est laborum.
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+        magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
+        laborum.
       </p>
       <p>
-        Lorem ipsum dolor sit amet,>consectetur adipiscing elit, sed do eiusmod
-        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
-        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
-        commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
-        velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
-        occaecat cupidatat non proident, sunt in culpa qui officia deserunt
-        mollit anim id est laborum.
+        Lorem ipsum dolor sit amet,>consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+        magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
+        laborum.
       </p>
       <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
-        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
-        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
-        commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
-        velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
-        occaecat cupidatat non proident, sunt in culpa qui officia deserunt
-        mollit anim id est laborum.
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+        magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
+        laborum.
       </p>
     </main>
 
     <script type="module">
       import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
 
-      FolkGeometry.register();
+      FolkGeometry.define();
 
       function copyStyles(from, to) {
         const styles = getComputedStyle(from);
@@ -128,8 +115,7 @@
       }
 
       document.addEventListener('click', ({ target }) => {
-        if (target.closest('fc-geometry') || target.matches('body, html'))
-          return;
+        if (target.closest('fc-geometry') || target.matches('body, html')) return;
 
         const rect = target.getBoundingClientRect();
 
diff --git a/demo/chains-of-thought/main.ts b/demo/chains-of-thought/main.ts
index 498f746..3538711 100644
--- a/demo/chains-of-thought/main.ts
+++ b/demo/chains-of-thought/main.ts
@@ -11,7 +11,7 @@ declare global {
 class FolkThought extends HTMLElement {
   static tagName = 'fc-thought';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }
 
@@ -44,9 +44,9 @@ class FolkThought extends HTMLElement {
   }
 }
 
-FolkGeometry.register();
-FolkThought.register();
-FolkConnection.register();
+FolkGeometry.define();
+FolkThought.define();
+FolkConnection.define();
 
 interface Thought {
   id: string;
diff --git a/demo/collision.html b/demo/collision.html
index c757915..ab6d99c 100644
--- a/demo/collision.html
+++ b/demo/collision.html
@@ -32,7 +32,7 @@
       import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
       import { collisionDetection } from '../src/collision.ts';
 
-      FolkGeometry.register();
+      FolkGeometry.define();
 
       const geometryElements = document.querySelectorAll('fc-geometry');
 
diff --git a/demo/event-propagator.html b/demo/event-propagator.html
index 17ce6e9..8b812b8 100644
--- a/demo/event-propagator.html
+++ b/demo/event-propagator.html
@@ -55,8 +55,8 @@ rotate: from.x"
       import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
       import { EventPropagator } from '../src/arrows/event-propagator.ts';
 
-      FolkGeometry.register();
-      EventPropagator.register();
+      FolkGeometry.define();
+      EventPropagator.define();
     </script>
   </body>
 </html>
diff --git a/demo/hull.html b/demo/hull.html
index 83f25a1..4eecdca 100644
--- a/demo/hull.html
+++ b/demo/hull.html
@@ -39,8 +39,8 @@
       import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
       import { FolkHull } from '../src/folk-hull.ts';
 
-      FolkGeometry.register();
-      FolkHull.register();
+      FolkGeometry.define();
+      FolkHull.define();
     </script>
   </body>
 </html>
diff --git a/demo/iframed-arrows.html b/demo/iframed-arrows.html
index 14e658b..bac351b 100644
--- a/demo/iframed-arrows.html
+++ b/demo/iframed-arrows.html
@@ -47,8 +47,8 @@
       import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
       import { FolkRope } from '../src/arrows/fc-rope.ts';
 
-      FolkGeometry.register();
-      FolkRope.register();
+      FolkGeometry.define();
+      FolkRope.define();
     </script>
   </body>
 </html>
diff --git a/demo/ink.html b/demo/ink.html
index 0cca767..00e9242 100644
--- a/demo/ink.html
+++ b/demo/ink.html
@@ -24,8 +24,8 @@
       import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
       import { FolkInk } from '../src/folk-ink.ts';
 
-      FolkGeometry.register();
-      FolkInk.register();
+      FolkGeometry.define();
+      FolkInk.define();
 
       const drawButton = document.querySelector('button');
 
diff --git a/demo/llm.html b/demo/llm.html
index 3bbf60e..6188f1a 100644
--- a/demo/llm.html
+++ b/demo/llm.html
@@ -112,10 +112,10 @@
       import { FolkTimer } from '../src/folk-timer.ts';
       import { EventPropagator } from '../src/arrows/event-propagator.ts';
 
-      FolkGeometry.register();
-      FolkLLM.register();
-      FolkTimer.register();
-      EventPropagator.register();
+      FolkGeometry.define();
+      FolkLLM.define();
+      FolkTimer.define();
+      EventPropagator.define();
     </script>
   </body>
 </html>
diff --git a/demo/perf.html b/demo/perf.html
index 953b72b..be409b4 100644
--- a/demo/perf.html
+++ b/demo/perf.html
@@ -24,7 +24,7 @@
     <script type="module">
       import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
 
-      FolkGeometry.register();
+      FolkGeometry.define();
 
       const geometries = [];
 
diff --git a/demo/proximity-maps.html b/demo/proximity-maps.html
index 5574142..a8df19f 100644
--- a/demo/proximity-maps.html
+++ b/demo/proximity-maps.html
@@ -52,6 +52,7 @@
         background: white;
         border: solid 2px black;
         border-radius: 5px;
+        padding: 1rem;
       }
     </style>
   </head>
@@ -80,16 +81,16 @@
       import { FolkWeather } from '../src/folk-weather.ts';
       import { FolkCluster, FolkProximity } from '../src/folk-proximity.ts';
 
-      FolkGeometry.register();
-      FolkMap.register();
-      FolkCluster.register();
-      FolkProximity.register();
-      FolkWeather.register();
+      FolkGeometry.define();
+      FolkMap.define();
+      FolkCluster.define();
+      FolkProximity.define();
+      FolkWeather.define();
 
       class GeoWiki extends HTMLElement {
         static tagName = 'geo-wiki';
 
-        static register() {
+        static define() {
           customElements.define(this.tagName, this);
         }
 
@@ -149,7 +150,7 @@
         }
       }
 
-      GeoWiki.register();
+      GeoWiki.define();
     </script>
   </body>
 </html>
diff --git a/demo/proximity-music.html b/demo/proximity-music.html
index 487c2b0..5be3377 100644
--- a/demo/proximity-music.html
+++ b/demo/proximity-music.html
@@ -64,8 +64,8 @@
       import { RecordPlayer } from '../src/music/record-player.ts';
       import { collisionDetection } from '../src/collision.ts';
 
-      FolkGeometry.register();
-      RecordPlayer.register();
+      FolkGeometry.define();
+      RecordPlayer.define();
 
       /**
         sips -c 326 276 --cropOffset 1 1 *.png --out pngs/
diff --git a/demo/semantic-zoom.html b/demo/semantic-zoom.html
index 6c8d329..415e37f 100644
--- a/demo/semantic-zoom.html
+++ b/demo/semantic-zoom.html
@@ -153,8 +153,8 @@
       import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
       import { FolkConnection } from '../src/arrows/fc-connection.ts';
 
-      FolkGeometry.register();
-      FolkConnection.register();
+      FolkGeometry.define();
+      FolkConnection.define();
 
       document.body.querySelectorAll('fc-geometry').forEach((el, i) => (el.style.viewTransitionName = `g${i}`));
       document.body.querySelectorAll('fc-connection').forEach((el, i) => (el.style.viewTransitionName = `c${i}`));
diff --git a/demo/shapes.html b/demo/shapes.html
index 5ed0c3b..54eb405 100644
--- a/demo/shapes.html
+++ b/demo/shapes.html
@@ -28,7 +28,7 @@
     <script type="module">
       import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
 
-      FolkGeometry.register();
+      FolkGeometry.define();
     </script>
   </body>
 </html>
diff --git a/demo/spreadsheet-graph.html b/demo/spreadsheet-graph.html
index 20a0894..fe7ebd7 100644
--- a/demo/spreadsheet-graph.html
+++ b/demo/spreadsheet-graph.html
@@ -170,9 +170,9 @@
       import { FolkConnection } from '../src/arrows/fc-connection.ts';
       import { FolkSpreadsheet } from '../src/folk-spreadsheet.ts';
 
-      FolkGeometry.register();
-      FolkConnection.register();
-      FolkSpreadsheet.register();
+      FolkGeometry.define();
+      FolkConnection.define();
+      FolkSpreadsheet.define();
 
       let isProjected = false;
       const button = document.querySelector('button');
diff --git a/demo/spreadsheet-propagator.html b/demo/spreadsheet-propagator.html
index 2c4538a..ccdee73 100644
--- a/demo/spreadsheet-propagator.html
+++ b/demo/spreadsheet-propagator.html
@@ -171,10 +171,10 @@
       import { EventPropagator } from '../src/arrows/event-propagator.ts';
       import { FolkSpreadsheet } from '../src/folk-spreadsheet.ts';
 
-      FolkMap.register();
-      FolkGeometry.register();
-      FolkSpreadsheet.register();
-      EventPropagator.register();
+      FolkMap.define();
+      FolkGeometry.define();
+      FolkSpreadsheet.define();
+      EventPropagator.define();
 
       window.round = (number, digits = 0) => {
         const base = Number('1'.padEnd(digits + 1, '0'));
diff --git a/demo/spreadsheet.html b/demo/spreadsheet.html
index a1572a5..cf7cb8e 100644
--- a/demo/spreadsheet.html
+++ b/demo/spreadsheet.html
@@ -126,8 +126,8 @@
       import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
       import { FolkSpreadsheet } from '../src/folk-spreadsheet.ts';
 
-      FolkGeometry.register();
-      FolkSpreadsheet.register();
+      FolkGeometry.define();
+      FolkSpreadsheet.define();
     </script>
   </body>
 </html>
diff --git a/demo/wiggly.html b/demo/wiggly.html
index d86d583..26e3598 100644
--- a/demo/wiggly.html
+++ b/demo/wiggly.html
@@ -41,8 +41,8 @@
       import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
       import { FolkRope } from '../src/arrows/fc-rope.ts';
 
-      FolkGeometry.register();
-      FolkRope.register();
+      FolkGeometry.define();
+      FolkRope.define();
     </script>
   </body>
 </html>
diff --git a/demo/xanadu-iframe.html b/demo/xanadu-iframe.html
index 2489bfb..e502c2b 100644
--- a/demo/xanadu-iframe.html
+++ b/demo/xanadu-iframe.html
@@ -65,7 +65,7 @@
     <script type="module">
       import { FolkXanadu } from '../src/folk-xanadu.ts';
 
-      FolkXanadu.register();
+      FolkXanadu.define();
     </script>
   </body>
 </html>
diff --git a/demo/xanadu.html b/demo/xanadu.html
index ff01e4b..80821f3 100644
--- a/demo/xanadu.html
+++ b/demo/xanadu.html
@@ -204,8 +204,8 @@
       import { FolkXanadu } from '../src/folk-xanadu.ts';
       import { FolkGeometry } from '../src/canvas/fc-geometry.ts';
 
-      FolkGeometry.register();
-      FolkXanadu.register();
+      FolkGeometry.define();
+      FolkXanadu.define();
 
       // class AnimatedXanaduLink extends FolkXanadu {
       //   sourceAnimation = null;
@@ -266,7 +266,7 @@
       //   }
       // }
 
-      // AnimatedXanaduLink.register();
+      // AnimatedXanaduLink.define();
     </script>
   </body>
 </html>
diff --git a/src/arrows/abstract-arrow.ts b/src/arrows/abstract-arrow.ts
index e9de015..40c841d 100644
--- a/src/arrows/abstract-arrow.ts
+++ b/src/arrows/abstract-arrow.ts
@@ -11,7 +11,7 @@ function parseCSSSelector(selector: string): string[] {
 export class AbstractArrow extends HTMLElement {
   static tagName = 'abstract-arrow';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }
 
diff --git a/src/canvas/fc-geometry.ts b/src/canvas/fc-geometry.ts
index 786a1ec..eb23b51 100644
--- a/src/canvas/fc-geometry.ts
+++ b/src/canvas/fc-geometry.ts
@@ -149,7 +149,7 @@ declare global {
 export class FolkGeometry extends HTMLElement {
   static tagName = 'fc-geometry';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }
 
diff --git a/src/folk-ink.ts b/src/folk-ink.ts
index e3e559a..d3ab28c 100644
--- a/src/folk-ink.ts
+++ b/src/folk-ink.ts
@@ -32,7 +32,7 @@ declare global {
 export class FolkInk extends HTMLElement {
   static tagName = 'folk-ink';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }
 
diff --git a/src/folk-llm.ts b/src/folk-llm.ts
index 68840f3..8d33e9a 100644
--- a/src/folk-llm.ts
+++ b/src/folk-llm.ts
@@ -14,7 +14,7 @@ declare global {
 export class FolkLLM extends HTMLElement {
   static tagName = 'folk-llm';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }
 
diff --git a/src/folk-map.ts b/src/folk-map.ts
index e417ba0..579a885 100644
--- a/src/folk-map.ts
+++ b/src/folk-map.ts
@@ -24,7 +24,7 @@ export class RecenterEvent extends Event {
 export class FolkMap extends HTMLElement {
   static tagName = 'folk-map';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }
 
diff --git a/src/folk-metronome.ts b/src/folk-metronome.ts
index 22ab77b..a7f20a1 100644
--- a/src/folk-metronome.ts
+++ b/src/folk-metronome.ts
@@ -7,7 +7,7 @@ declare global {
 export class FolkMetronome extends HTMLElement {
   static tagName = 'folk-metronome';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }
 
diff --git a/src/folk-proximity.ts b/src/folk-proximity.ts
index c3e8c1c..6ddb767 100644
--- a/src/folk-proximity.ts
+++ b/src/folk-proximity.ts
@@ -2,7 +2,7 @@ import { collisionDetection } from './collision';
 import { FolkHull } from './folk-hull';
 import { FolkGeometry } from './canvas/fc-geometry.ts';
 
-// TODO dont hard code this
+// TODO don't hard code this
 const PROXIMITY = 50;
 
 declare global {
@@ -46,7 +46,7 @@ export class FolkCluster extends FolkHull {
 export class FolkProximity extends HTMLElement {
   static tagName = 'folk-proximity';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }
 
diff --git a/src/folk-set.ts b/src/folk-set.ts
index 582055f..389312a 100644
--- a/src/folk-set.ts
+++ b/src/folk-set.ts
@@ -11,7 +11,7 @@ declare global {
 export class FolkSet extends HTMLElement {
   static tagName = 'folk-set';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }
 
diff --git a/src/folk-spreadsheet.ts b/src/folk-spreadsheet.ts
index f0cd00e..34c2f96 100644
--- a/src/folk-spreadsheet.ts
+++ b/src/folk-spreadsheet.ts
@@ -152,9 +152,9 @@ declare global {
 export class FolkSpreadsheet extends HTMLElement {
   static tagName = 'folk-spreadsheet';
 
-  static register() {
-    FolkSpreadSheetCell.register();
-    FolkSpreadsheetHeader.register();
+  static define() {
+    FolkSpreadSheetCell.define();
+    FolkSpreadsheetHeader.define();
     customElements.define(this.tagName, this);
   }
 
@@ -346,7 +346,7 @@ declare global {
 export class FolkSpreadsheetHeader extends HTMLElement {
   static tagName = 's-header';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }
 
@@ -376,7 +376,7 @@ declare global {
 export class FolkSpreadSheetCell extends HTMLElement {
   static tagName = 'folk-cell';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }
 
diff --git a/src/folk-timer.ts b/src/folk-timer.ts
index fcaa7f6..32abbdc 100644
--- a/src/folk-timer.ts
+++ b/src/folk-timer.ts
@@ -7,7 +7,7 @@ declare global {
 export class FolkTimer extends HTMLElement {
   static tagName = 'folk-timer';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }
 
diff --git a/src/folk-weather.ts b/src/folk-weather.ts
index 54b30dd..ae0bdab 100644
--- a/src/folk-weather.ts
+++ b/src/folk-weather.ts
@@ -12,7 +12,7 @@ declare global {
 export class FolkWeather extends HTMLElement {
   static tagName = 'folk-weather';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }
 
diff --git a/src/music/record-player.ts b/src/music/record-player.ts
index 7af7405..21cf9b2 100644
--- a/src/music/record-player.ts
+++ b/src/music/record-player.ts
@@ -218,7 +218,7 @@ styles.replaceSync(`
 export class RecordPlayer extends HTMLElement {
   static tagName = 'record-player';
 
-  static register() {
+  static define() {
     customElements.define(this.tagName, this);
   }