diff --git a/lib/folk-arrow.ts b/labs/folk-arrow.ts
similarity index 96%
rename from lib/folk-arrow.ts
rename to labs/folk-arrow.ts
index 0b469d8..945a0e8 100644
--- a/lib/folk-arrow.ts
+++ b/labs/folk-arrow.ts
@@ -1,6 +1,6 @@
 import { getBoxToBoxArrow } from 'perfect-arrows';
 import { FolkBaseConnection } from './folk-base-connection.ts';
-import { getSvgPathFromStroke, pointsOnBezierCurves } from './common/utils.ts';
+import { getSvgPathFromStroke, pointsOnBezierCurves } from '@lib/utils.ts';
 import { getStroke, StrokeOptions } from 'perfect-freehand';
 import { PropertyValues } from '@lit/reactive-element';
 
diff --git a/lib/folk-base-connection.ts b/labs/folk-base-connection.ts
similarity index 92%
rename from lib/folk-base-connection.ts
rename to labs/folk-base-connection.ts
index efe451d..4d2b0bd 100644
--- a/lib/folk-base-connection.ts
+++ b/labs/folk-base-connection.ts
@@ -1,7 +1,7 @@
-import { parseVertex } from './common/utils.ts';
-import { ClientRectObserverEntry } from './common/client-rect-observer.ts';
-import { FolkObserver, parseDeepCSSSelector } from './common/folk-observer.ts';
-import { FolkElement } from './common/folk-element.ts';
+import { parseVertex } from '@lib/utils.ts';
+import { ClientRectObserverEntry } from '@lib/client-rect-observer.ts';
+import { FolkObserver, parseDeepCSSSelector } from '@lib/folk-observer.ts';
+import { FolkElement } from '@lib/folk-element.ts';
 import { property, state } from '@lit/reactive-element/decorators.js';
 import { css, CSSResultGroup, PropertyValues } from '@lit/reactive-element';
 
diff --git a/lib/folk-base-set.ts b/labs/folk-base-set.ts
similarity index 92%
rename from lib/folk-base-set.ts
rename to labs/folk-base-set.ts
index 1f7c6c3..b0b020e 100644
--- a/lib/folk-base-set.ts
+++ b/labs/folk-base-set.ts
@@ -1,7 +1,7 @@
 import { property, state } from '@lit/reactive-element/decorators.js';
-import { ClientRectObserverEntry } from './common/client-rect-observer.ts';
-import { FolkElement } from './common/folk-element.ts';
-import { FolkObserver, parseDeepCSSSelector } from './common/folk-observer.ts';
+import { ClientRectObserverEntry } from '@lib/client-rect-observer.ts';
+import { FolkElement } from '@lib/folk-element.ts';
+import { FolkObserver, parseDeepCSSSelector } from '@lib/folk-observer.ts';
 import { css, CSSResultGroup, PropertyValues } from '@lit/reactive-element';
 
 const folkObserver = new FolkObserver();
diff --git a/lib/folk-distance-field.ts b/labs/folk-distance-field.ts
similarity index 99%
rename from lib/folk-distance-field.ts
rename to labs/folk-distance-field.ts
index 7599231..0e6592b 100644
--- a/lib/folk-distance-field.ts
+++ b/labs/folk-distance-field.ts
@@ -1,7 +1,7 @@
-import { DOMRectTransform } from './common/DOMRectTransform.ts';
-import { Point } from './common/types.ts';
-import { glsl } from './common/tags.ts';
-import { WebGLUtils } from './common/webgl.ts';
+import { DOMRectTransform } from '@lib/DOMRectTransform.ts';
+import { Point } from '@lib/types.ts';
+import { glsl } from '@lib/tags.ts';
+import { WebGLUtils } from '@lib/webgl.ts';
 import { FolkBaseSet } from './folk-base-set.ts';
 import { PropertyValues } from '@lit/reactive-element';
 
diff --git a/lib/folk-event-propagator.ts b/labs/folk-event-propagator.ts
similarity index 100%
rename from lib/folk-event-propagator.ts
rename to labs/folk-event-propagator.ts
diff --git a/lib/folk-graph.ts b/labs/folk-graph.ts
similarity index 96%
rename from lib/folk-graph.ts
rename to labs/folk-graph.ts
index 5f0fe5c..d12124b 100644
--- a/lib/folk-graph.ts
+++ b/labs/folk-graph.ts
@@ -2,9 +2,9 @@ import { FolkBaseSet } from './folk-base-set.ts';
 import { PropertyValues } from '@lit/reactive-element';
 import { Layout } from 'webcola';
 import { FolkShape } from './folk-shape.ts';
-import { AnimationFrameController, AnimationFrameControllerHost } from './common/animation-frame-controller.ts';
+import { AnimationFrameController, AnimationFrameControllerHost } from '@lib/animation-frame-controller.ts';
 import { FolkBaseConnection } from './folk-base-connection';
-import { TransformIntegrator } from './common/EffectIntegrator.ts';
+import { TransformIntegrator } from '@lib/EffectIntegrator.ts';
 
 export class FolkGraph extends FolkBaseSet implements AnimationFrameControllerHost {
   static override tagName = 'folk-graph';
diff --git a/lib/folk-hull.ts b/labs/folk-hull.ts
similarity index 97%
rename from lib/folk-hull.ts
rename to labs/folk-hull.ts
index 2d25564..6ffa931 100644
--- a/lib/folk-hull.ts
+++ b/labs/folk-hull.ts
@@ -1,6 +1,6 @@
 import { FolkBaseSet } from './folk-base-set';
-import { verticesToPolygon } from './common/utils';
-import type { Point } from './common/types';
+import { verticesToPolygon } from '@lib/utils';
+import type { Point } from '@lib/types';
 import { PropertyValues, css } from '@lit/reactive-element';
 
 declare global {
diff --git a/lib/folk-ink.ts b/labs/folk-ink.ts
similarity index 97%
rename from lib/folk-ink.ts
rename to labs/folk-ink.ts
index b76b753..6b5f7ce 100644
--- a/lib/folk-ink.ts
+++ b/labs/folk-ink.ts
@@ -1,8 +1,8 @@
 import { getStroke, StrokeOptions } from 'perfect-freehand';
-import { FolkElement } from './common/folk-element';
+import { FolkElement } from '@lib/folk-element';
 import { property } from '@lit/reactive-element/decorators.js';
 import { css, PropertyValues } from '@lit/reactive-element';
-import { getSvgPathFromStroke } from './common/utils';
+import { getSvgPathFromStroke } from '@lib/utils';
 
 export type Point = [x: number, y: number, pressure: number];
 
diff --git a/lib/folk-llm.ts b/labs/folk-llm.ts
similarity index 100%
rename from lib/folk-llm.ts
rename to labs/folk-llm.ts
diff --git a/lib/folk-map.ts b/labs/folk-map.ts
similarity index 97%
rename from lib/folk-map.ts
rename to labs/folk-map.ts
index e106687..4d373fe 100644
--- a/lib/folk-map.ts
+++ b/labs/folk-map.ts
@@ -3,7 +3,7 @@ import { LatLng, LatLngExpression, LeafletEvent, map, Map, tileLayer } from 'lea
 // @ts-ignore
 // Vite specific import :(
 import leafletCSS from 'leaflet/dist/leaflet.css?inline';
-import { FolkElement } from './common/folk-element';
+import { FolkElement } from '@lib/folk-element';
 import { css, PropertyValues, unsafeCSS } from '@lit/reactive-element';
 
 export class RecenterEvent extends Event {
diff --git a/lib/folk-physics.ts b/labs/folk-physics.ts
similarity index 97%
rename from lib/folk-physics.ts
rename to labs/folk-physics.ts
index 701d1ba..52d3d44 100644
--- a/lib/folk-physics.ts
+++ b/labs/folk-physics.ts
@@ -1,9 +1,9 @@
-import { DOMRectTransform } from './common/DOMRectTransform.ts';
+import { DOMRectTransform } from '@lib/DOMRectTransform.ts';
 import { FolkBaseSet } from './folk-base-set.ts';
 import { PropertyValues } from '@lit/reactive-element';
 import { FolkShape } from './folk-shape';
 import RAPIER, { init } from '@dimforge/rapier2d-compat';
-import { TransformIntegrator } from './common/EffectIntegrator.ts';
+import { TransformIntegrator } from '@lib/EffectIntegrator.ts';
 await init();
 
 export class FolkPhysics extends FolkBaseSet {
diff --git a/lib/folk-projector.ts b/labs/folk-projector.ts
similarity index 98%
rename from lib/folk-projector.ts
rename to labs/folk-projector.ts
index 8fcf150..c8896bd 100644
--- a/lib/folk-projector.ts
+++ b/labs/folk-projector.ts
@@ -1,4 +1,4 @@
-import { DOMRectTransform } from './common/DOMRectTransform';
+import { DOMRectTransform } from '@lib/DOMRectTransform';
 import { FolkShape } from './folk-shape';
 
 declare global {
diff --git a/lib/folk-proximity.ts b/labs/folk-proximity.ts
similarity index 97%
rename from lib/folk-proximity.ts
rename to labs/folk-proximity.ts
index 8880b2f..2f99478 100644
--- a/lib/folk-proximity.ts
+++ b/labs/folk-proximity.ts
@@ -1,5 +1,5 @@
-import { aabbIntersection } from './common/collision.ts';
-import { TransformEvent } from './common/TransformEvent.ts';
+import { aabbIntersection } from '@lib/collision.ts';
+import { TransformEvent } from '@lib/TransformEvent.ts';
 import { FolkHull } from './folk-hull';
 import { FolkShape } from './folk-shape.ts';
 
diff --git a/lib/folk-rope.ts b/labs/folk-rope.ts
similarity index 97%
rename from lib/folk-rope.ts
rename to labs/folk-rope.ts
index 615a12d..4597e71 100644
--- a/lib/folk-rope.ts
+++ b/labs/folk-rope.ts
@@ -1,11 +1,11 @@
 // This is a rewrite of https://github.com/guerrillacontra/html5-es6-physics-rope
 
-import { Vector } from './common/Vector.ts';
-import type { Point } from './common/types.ts';
-import { DOMRectTransform } from './common/DOMRectTransform.ts';
+import { Vector } from '@lib/Vector.ts';
+import type { Point } from '@lib/types.ts';
+import { DOMRectTransform } from '@lib/DOMRectTransform.ts';
 import { FolkBaseConnection } from './folk-base-connection.ts';
 import { css, PropertyValues } from '@lit/reactive-element';
-import { AnimationFrameController, AnimationFrameControllerHost } from './common/animation-frame-controller.ts';
+import { AnimationFrameController, AnimationFrameControllerHost } from '@lib/animation-frame-controller.ts';
 import { property } from '@lit/reactive-element/decorators.js';
 
 // Each rope part is one of these uses a high precision variant of Störmer–Verlet integration to keep the simulation consistent otherwise it would "explode"!
diff --git a/lib/folk-sand.glsl.ts b/labs/folk-sand.glsl.ts
similarity index 99%
rename from lib/folk-sand.glsl.ts
rename to labs/folk-sand.glsl.ts
index f136e30..5428de6 100644
--- a/lib/folk-sand.glsl.ts
+++ b/labs/folk-sand.glsl.ts
@@ -1,4 +1,4 @@
-import { glsl } from './common/tags.ts';
+import { glsl } from '@lib/tags.ts';
 
 /** Falling sand shaders using block cellular automata with Margolus offsets.
  * Based on "Probabilistic Cellular Automata for Granular Media in Video Games" (https://arxiv.org/abs/2008.06341)
diff --git a/lib/folk-sand.ts b/labs/folk-sand.ts
similarity index 99%
rename from lib/folk-sand.ts
rename to labs/folk-sand.ts
index 842a123..76085a3 100644
--- a/lib/folk-sand.ts
+++ b/labs/folk-sand.ts
@@ -1,4 +1,4 @@
-import { WebGLUtils } from './common/webgl';
+import { WebGLUtils } from '@lib/webgl.ts';
 import {
   collisionFragmentShader,
   collisionVertexShader,
@@ -8,10 +8,10 @@ import {
   visualizationShader,
   vertexShader,
 } from './folk-sand.glsl.ts';
-import { requestAnimationFrame } from './common/rAF.ts';
+import { requestAnimationFrame } from '@lib/rAF.ts';
 import { FolkBaseSet } from './folk-base-set.ts';
 import { css, PropertyValues } from '@lit/reactive-element';
-import { DOMRectTransform } from './common/DOMRectTransform.ts';
+import { DOMRectTransform } from '@lib/DOMRectTransform.ts';
 
 export class FolkSand extends FolkBaseSet {
   static override tagName = 'folk-sand';
diff --git a/lib/folk-shape.ts b/labs/folk-shape.ts
similarity index 97%
rename from lib/folk-shape.ts
rename to labs/folk-shape.ts
index 73ba109..a6ae96a 100644
--- a/lib/folk-shape.ts
+++ b/labs/folk-shape.ts
@@ -1,10 +1,10 @@
-import { css, html } from './common/tags';
-import { ResizeObserverManager } from './common/resize-observer';
-import { Point } from './common/types';
-import { DOMRectTransform, DOMRectTransformReadonly } from './common/DOMRectTransform';
-import { Vector } from './common/Vector';
-import { getResizeCursorUrl, getRotateCursorUrl } from './common/cursors';
-import { TransformEvent } from './common/TransformEvent';
+import { css, html } from '@lib/tags';
+import { ResizeObserverManager } from '@lib/resize-observer';
+import { Point } from '@lib/types';
+import { DOMRectTransform, DOMRectTransformReadonly } from '@lib/DOMRectTransform';
+import { Vector } from '@lib/Vector';
+import { getResizeCursorUrl, getRotateCursorUrl } from '@lib/cursors';
+import { TransformEvent } from '@lib/TransformEvent';
 
 const resizeObserver = new ResizeObserverManager();
 
diff --git a/lib/folk-space-projector.ts b/labs/folk-space-projector.ts
similarity index 98%
rename from lib/folk-space-projector.ts
rename to labs/folk-space-projector.ts
index 572e4d1..84c5f32 100644
--- a/lib/folk-space-projector.ts
+++ b/labs/folk-space-projector.ts
@@ -2,7 +2,7 @@ import { css, PropertyValues } from '@lit/reactive-element';
 import { FolkBaseSet } from './folk-base-set';
 import { FolkShape } from './folk-shape';
 import { CellTemplate, FolkSpreadsheet, FolkSpreadSheetCell, templateCells } from './folk-spreadsheet';
-import { DOMRectTransform } from './common/DOMRectTransform';
+import { DOMRectTransform } from '@lib/DOMRectTransform';
 
 FolkShape.define();
 FolkSpreadsheet.define();
diff --git a/lib/folk-space-radial.ts b/labs/folk-space-radial.ts
similarity index 94%
rename from lib/folk-space-radial.ts
rename to labs/folk-space-radial.ts
index e6cbd01..e249a29 100644
--- a/lib/folk-space-radial.ts
+++ b/labs/folk-space-radial.ts
@@ -1,11 +1,11 @@
-import { DOMRectTransform } from './common/DOMRectTransform';
+import { DOMRectTransform } from '@lib/DOMRectTransform';
 import { css, type PropertyValues } from '@lit/reactive-element';
-import { TransformEvent } from './common/TransformEvent';
+import { TransformEvent } from '@lib/TransformEvent';
 import { FolkShape } from './folk-shape';
-import { Experimental } from './common/Experimental';
+import { Experimental } from '@lib/Experimental';
 import { FolkBaseSet } from './folk-base-set';
-import { Vector } from './common/Vector';
-import type { Point } from './common/types';
+import { Vector } from '@lib/Vector';
+import type { Point } from '@lib/types';
 
 export class FolkSpaceRadial extends FolkBaseSet {
   static override tagName = 'folk-space-radial';
diff --git a/lib/folk-space.ts b/labs/folk-space.ts
similarity index 93%
rename from lib/folk-space.ts
rename to labs/folk-space.ts
index a070562..4f4db9e 100644
--- a/lib/folk-space.ts
+++ b/labs/folk-space.ts
@@ -1,6 +1,6 @@
 import { css, PropertyValues } from '@lit/reactive-element';
-import { FolkElement } from './common/folk-element';
-import { html } from './common/tags';
+import { FolkElement } from '@lib/folk-element';
+import { html } from '@lib/tags';
 
 declare global {
   interface HTMLElementTagNameMap {
diff --git a/lib/folk-spreadsheet.ts b/labs/folk-spreadsheet.ts
similarity index 99%
rename from lib/folk-spreadsheet.ts
rename to labs/folk-spreadsheet.ts
index a6318e9..222310c 100644
--- a/lib/folk-spreadsheet.ts
+++ b/labs/folk-spreadsheet.ts
@@ -1,4 +1,4 @@
-import { css, html } from './common/tags';
+import { css, html } from '@lib/tags';
 
 // hardcoded column and row numbers
 const styles = css`
diff --git a/lib/folk-toolset.ts b/labs/folk-toolset.ts
similarity index 98%
rename from lib/folk-toolset.ts
rename to labs/folk-toolset.ts
index 8a0820b..f32b448 100644
--- a/lib/folk-toolset.ts
+++ b/labs/folk-toolset.ts
@@ -1,5 +1,5 @@
-import type { DOMRectTransform } from './common/DOMRectTransform';
-import { Vector } from './common/Vector';
+import type { DOMRectTransform } from '@lib/DOMRectTransform';
+import { Vector } from '@lib/Vector';
 import { FolkEventPropagator } from './folk-event-propagator';
 import { FolkShape } from './folk-shape';
 
diff --git a/lib/folk-xanadu.ts b/labs/folk-xanadu.ts
similarity index 96%
rename from lib/folk-xanadu.ts
rename to labs/folk-xanadu.ts
index c588d41..2016a94 100644
--- a/lib/folk-xanadu.ts
+++ b/labs/folk-xanadu.ts
@@ -1,6 +1,6 @@
 import { FolkBaseConnection } from './folk-base-connection.js';
-import { verticesToPolygon } from './common/utils.js';
-import type { Point } from './common/types.js';
+import { verticesToPolygon } from '@lib/utils.js';
+import type { Point } from '@lib/types.js';
 import { PropertyValues } from '@lit/reactive-element';
 export class FolkXanadu extends FolkBaseConnection {
   static override tagName = 'folk-xanadu';
diff --git a/lib/standalone/folk-arrow.ts b/labs/standalone/folk-arrow.ts
similarity index 100%
rename from lib/standalone/folk-arrow.ts
rename to labs/standalone/folk-arrow.ts
diff --git a/lib/standalone/folk-distance-field.ts b/labs/standalone/folk-distance-field.ts
similarity index 100%
rename from lib/standalone/folk-distance-field.ts
rename to labs/standalone/folk-distance-field.ts
diff --git a/lib/standalone/folk-event-propagator.ts b/labs/standalone/folk-event-propagator.ts
similarity index 100%
rename from lib/standalone/folk-event-propagator.ts
rename to labs/standalone/folk-event-propagator.ts
diff --git a/lib/standalone/folk-graph.ts b/labs/standalone/folk-graph.ts
similarity index 100%
rename from lib/standalone/folk-graph.ts
rename to labs/standalone/folk-graph.ts
diff --git a/lib/standalone/folk-hull.ts b/labs/standalone/folk-hull.ts
similarity index 100%
rename from lib/standalone/folk-hull.ts
rename to labs/standalone/folk-hull.ts
diff --git a/lib/standalone/folk-ink.ts b/labs/standalone/folk-ink.ts
similarity index 100%
rename from lib/standalone/folk-ink.ts
rename to labs/standalone/folk-ink.ts
diff --git a/lib/standalone/folk-llm.ts b/labs/standalone/folk-llm.ts
similarity index 100%
rename from lib/standalone/folk-llm.ts
rename to labs/standalone/folk-llm.ts
diff --git a/lib/standalone/folk-map.ts b/labs/standalone/folk-map.ts
similarity index 100%
rename from lib/standalone/folk-map.ts
rename to labs/standalone/folk-map.ts
diff --git a/lib/standalone/folk-physics.ts b/labs/standalone/folk-physics.ts
similarity index 100%
rename from lib/standalone/folk-physics.ts
rename to labs/standalone/folk-physics.ts
diff --git a/lib/standalone/folk-projector.ts b/labs/standalone/folk-projector.ts
similarity index 100%
rename from lib/standalone/folk-projector.ts
rename to labs/standalone/folk-projector.ts
diff --git a/lib/standalone/folk-proximity.ts b/labs/standalone/folk-proximity.ts
similarity index 100%
rename from lib/standalone/folk-proximity.ts
rename to labs/standalone/folk-proximity.ts
diff --git a/lib/standalone/folk-rope.ts b/labs/standalone/folk-rope.ts
similarity index 100%
rename from lib/standalone/folk-rope.ts
rename to labs/standalone/folk-rope.ts
diff --git a/lib/standalone/folk-sand.ts b/labs/standalone/folk-sand.ts
similarity index 100%
rename from lib/standalone/folk-sand.ts
rename to labs/standalone/folk-sand.ts
diff --git a/lib/standalone/folk-shape.ts b/labs/standalone/folk-shape.ts
similarity index 100%
rename from lib/standalone/folk-shape.ts
rename to labs/standalone/folk-shape.ts
diff --git a/lib/standalone/folk-space-projector.ts b/labs/standalone/folk-space-projector.ts
similarity index 100%
rename from lib/standalone/folk-space-projector.ts
rename to labs/standalone/folk-space-projector.ts
diff --git a/lib/standalone/folk-space-radial.ts b/labs/standalone/folk-space-radial.ts
similarity index 100%
rename from lib/standalone/folk-space-radial.ts
rename to labs/standalone/folk-space-radial.ts
diff --git a/lib/standalone/folk-space.ts b/labs/standalone/folk-space.ts
similarity index 100%
rename from lib/standalone/folk-space.ts
rename to labs/standalone/folk-space.ts
diff --git a/lib/standalone/folk-spreadsheet.ts b/labs/standalone/folk-spreadsheet.ts
similarity index 100%
rename from lib/standalone/folk-spreadsheet.ts
rename to labs/standalone/folk-spreadsheet.ts
diff --git a/lib/standalone/folk-toolset.ts b/labs/standalone/folk-toolset.ts
similarity index 100%
rename from lib/standalone/folk-toolset.ts
rename to labs/standalone/folk-toolset.ts
diff --git a/lib/standalone/folk-xanadu.ts b/labs/standalone/folk-xanadu.ts
similarity index 100%
rename from lib/standalone/folk-xanadu.ts
rename to labs/standalone/folk-xanadu.ts
diff --git a/lib/common/DOMRectTransform.ts b/lib/DOMRectTransform.ts
similarity index 100%
rename from lib/common/DOMRectTransform.ts
rename to lib/DOMRectTransform.ts
diff --git a/lib/common/EffectIntegrator.ts b/lib/EffectIntegrator.ts
similarity index 98%
rename from lib/common/EffectIntegrator.ts
rename to lib/EffectIntegrator.ts
index 3adf9a1..996b501 100644
--- a/lib/common/EffectIntegrator.ts
+++ b/lib/EffectIntegrator.ts
@@ -1,4 +1,4 @@
-import type { FolkShape } from '../folk-shape';
+import type { FolkShape } from '../labs/folk-shape';
 
 /**
  * Coordinates effects between multiple systems, integrating their proposals into a single result.
diff --git a/lib/common/Experimental.ts b/lib/Experimental.ts
similarity index 100%
rename from lib/common/Experimental.ts
rename to lib/Experimental.ts
diff --git a/lib/common/Matrix.ts b/lib/Matrix.ts
similarity index 100%
rename from lib/common/Matrix.ts
rename to lib/Matrix.ts
diff --git a/lib/common/Propagator.ts b/lib/Propagator.ts
similarity index 100%
rename from lib/common/Propagator.ts
rename to lib/Propagator.ts
diff --git a/lib/common/TransformEvent.ts b/lib/TransformEvent.ts
similarity index 100%
rename from lib/common/TransformEvent.ts
rename to lib/TransformEvent.ts
diff --git a/lib/common/Vector.ts b/lib/Vector.ts
similarity index 100%
rename from lib/common/Vector.ts
rename to lib/Vector.ts
diff --git a/lib/__tests__/DOMRectTransform.test.ts b/lib/__tests__/DOMRectTransform.test.ts
index c88c98f..5f49c8d 100644
--- a/lib/__tests__/DOMRectTransform.test.ts
+++ b/lib/__tests__/DOMRectTransform.test.ts
@@ -1,6 +1,6 @@
 import { expect, test, describe } from 'bun:test';
-import { DOMRectTransform, DOMRectTransformReadonly } from '../common/DOMRectTransform';
-import { Point } from '../common/types';
+import { DOMRectTransform, DOMRectTransformReadonly } from '../DOMRectTransform';
+import { Point } from '../types';
 
 // Helper for comparing points with floating point values
 const expectPointClose = (actual: Point, expected: Point) => {
diff --git a/lib/__tests__/Vector.bench.ts b/lib/__tests__/Vector.bench.ts
index eebb6b9..e5a87d7 100644
--- a/lib/__tests__/Vector.bench.ts
+++ b/lib/__tests__/Vector.bench.ts
@@ -1,5 +1,5 @@
 import { bench, run } from 'mitata';
-import { Vector } from '../common/Vector';
+import { Vector } from '../Vector.ts';
 
 // Basic vector operations
 bench('Vector.zero()', () => {
diff --git a/lib/__tests__/Vector.test.ts b/lib/__tests__/Vector.test.ts
index 7c92008..d63e423 100644
--- a/lib/__tests__/Vector.test.ts
+++ b/lib/__tests__/Vector.test.ts
@@ -1,5 +1,5 @@
 import { expect, test, describe } from 'bun:test';
-import { Vector } from '../common/Vector';
+import { Vector } from '../Vector';
 
 describe('Vector', () => {
   describe('basic operations', () => {
diff --git a/lib/common/animation-frame-controller.ts b/lib/animation-frame-controller.ts
similarity index 100%
rename from lib/common/animation-frame-controller.ts
rename to lib/animation-frame-controller.ts
diff --git a/lib/common/client-rect-observer.ts b/lib/client-rect-observer.ts
similarity index 100%
rename from lib/common/client-rect-observer.ts
rename to lib/client-rect-observer.ts
diff --git a/lib/common/collision.ts b/lib/collision.ts
similarity index 100%
rename from lib/common/collision.ts
rename to lib/collision.ts
diff --git a/lib/common/cursors.ts b/lib/cursors.ts
similarity index 100%
rename from lib/common/cursors.ts
rename to lib/cursors.ts
diff --git a/lib/common/folk-element.ts b/lib/folk-element.ts
similarity index 100%
rename from lib/common/folk-element.ts
rename to lib/folk-element.ts
diff --git a/lib/common/folk-observer.ts b/lib/folk-observer.ts
similarity index 99%
rename from lib/common/folk-observer.ts
rename to lib/folk-observer.ts
index b4e682d..8a2a0d2 100644
--- a/lib/common/folk-observer.ts
+++ b/lib/folk-observer.ts
@@ -1,4 +1,4 @@
-import { FolkShape } from '../folk-shape';
+import { FolkShape } from '../labs/folk-shape';
 import { ClientRectObserver, ClientRectObserverEntry } from './client-rect-observer';
 import { TransformEvent } from './TransformEvent';
 
diff --git a/lib/common/iframe-script.ts b/lib/iframe-script.ts
similarity index 100%
rename from lib/common/iframe-script.ts
rename to lib/iframe-script.ts
diff --git a/lib/common/rAF.ts b/lib/rAF.ts
similarity index 100%
rename from lib/common/rAF.ts
rename to lib/rAF.ts
diff --git a/lib/common/resize-observer.ts b/lib/resize-observer.ts
similarity index 100%
rename from lib/common/resize-observer.ts
rename to lib/resize-observer.ts
diff --git a/lib/common/tags.ts b/lib/tags.ts
similarity index 100%
rename from lib/common/tags.ts
rename to lib/tags.ts
diff --git a/lib/common/types.ts b/lib/types.ts
similarity index 100%
rename from lib/common/types.ts
rename to lib/types.ts
diff --git a/lib/common/utils.ts b/lib/utils.ts
similarity index 100%
rename from lib/common/utils.ts
rename to lib/utils.ts
diff --git a/lib/common/webgl.ts b/lib/webgl.ts
similarity index 100%
rename from lib/common/webgl.ts
rename to lib/webgl.ts
diff --git a/web-extension/injected.ts b/web-extension/injected.ts
index 9a34b3c..32274fc 100644
--- a/web-extension/injected.ts
+++ b/web-extension/injected.ts
@@ -14,7 +14,7 @@ if (typeof customElements !== 'undefined') {
   console.log('importing folk-shape');
   // this also won't work
   // maybe just simply build and bundle it all up, this is probl easiest.
-  // import('../../lib/folk-shape').then((m) => m.FolkShape.define());
+  // import('@lib/folk-shape').then((m) => m.FolkShape.define());
 } else {
   console.warn('CUSTOM ELEMENTS NOT DEFINED');
 }
diff --git a/website/canvas/[shaders]distance-field.html b/website/canvas/[shaders]distance-field.html
index d374207..a8f6afe 100644
--- a/website/canvas/[shaders]distance-field.html
+++ b/website/canvas/[shaders]distance-field.html
@@ -45,8 +45,8 @@
     </folk-distance-field>
 
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-distance-field.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-distance-field.ts';
     </script>
   </body>
 </html>
diff --git a/website/canvas/[shaders]falling-sand.html b/website/canvas/[shaders]falling-sand.html
index 8c76380..9321c7a 100644
--- a/website/canvas/[shaders]falling-sand.html
+++ b/website/canvas/[shaders]falling-sand.html
@@ -89,8 +89,8 @@
     </folk-sand>
 
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-sand.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-sand.ts';
 
       document.querySelector('folk-sand').onMaterialChange = (materialNumber) => {
         document.querySelector('key-helper button[active]').removeAttribute('active');
diff --git a/website/canvas/[tests]distance-field.html b/website/canvas/[tests]distance-field.html
index 55a4b10..c3b1546 100644
--- a/website/canvas/[tests]distance-field.html
+++ b/website/canvas/[tests]distance-field.html
@@ -22,8 +22,8 @@
   </head>
   <body>
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-distance-field.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-distance-field.ts';
 
       const d = document.createElement('folk-distance-field');
       const geometries = [];
diff --git a/website/canvas/[tests]many-shapes.html b/website/canvas/[tests]many-shapes.html
index 97b9c4e..1a8f23e 100644
--- a/website/canvas/[tests]many-shapes.html
+++ b/website/canvas/[tests]many-shapes.html
@@ -22,7 +22,7 @@
   </head>
   <body>
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-shape.ts';
 
       const geometries = [];
 
diff --git a/website/canvas/[tests]rope.html b/website/canvas/[tests]rope.html
index 2f32c34..e1b7813 100644
--- a/website/canvas/[tests]rope.html
+++ b/website/canvas/[tests]rope.html
@@ -84,8 +84,8 @@
     <folk-rope source="#box1" target="#box2"></folk-rope>
 
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-rope.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-rope.ts';
     </script>
   </body>
 </html>
diff --git a/website/canvas/_xanadu-article.html b/website/canvas/_xanadu-article.html
index 8576211..011860f 100644
--- a/website/canvas/_xanadu-article.html
+++ b/website/canvas/_xanadu-article.html
@@ -133,7 +133,7 @@
     </main>
 
     <script type="module">
-      import '../../lib/common/iframe-script.ts';
+      import '@lib/common/iframe-script.ts';
     </script>
   </body>
 </html>
diff --git a/website/canvas/animated-shapes-on-a-canvas.html b/website/canvas/animated-shapes-on-a-canvas.html
index fd1878c..0f156af 100644
--- a/website/canvas/animated-shapes-on-a-canvas.html
+++ b/website/canvas/animated-shapes-on-a-canvas.html
@@ -64,7 +64,7 @@
     <folk-shape x="100" y="300" width="50" height="50"></folk-shape>
 
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-shape.ts';
 
       const geos = document.querySelectorAll('folk-shape');
 
diff --git a/website/canvas/audio-beats-with-event-propagators.html b/website/canvas/audio-beats-with-event-propagators.html
index 6eefa63..a3ea02d 100644
--- a/website/canvas/audio-beats-with-event-propagators.html
+++ b/website/canvas/audio-beats-with-event-propagators.html
@@ -54,8 +54,8 @@
 
     <script type="module">
       import './src/folk-metronome.ts';
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-event-propagator.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-event-propagator.ts';
     </script>
   </body>
 </html>
diff --git a/website/canvas/canvasify-a-html-document.html b/website/canvas/canvasify-a-html-document.html
index b439802..cdfdf5b 100644
--- a/website/canvas/canvasify-a-html-document.html
+++ b/website/canvas/canvasify-a-html-document.html
@@ -100,7 +100,7 @@
     </main>
 
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-shape.ts';
 
       function copyStyles(from, to) {
         const styles = getComputedStyle(from);
diff --git a/website/canvas/chains-of-thought/main.ts b/website/canvas/chains-of-thought/main.ts
index eb5f036..69b7324 100644
--- a/website/canvas/chains-of-thought/main.ts
+++ b/website/canvas/chains-of-thought/main.ts
@@ -1,5 +1,5 @@
-import { FolkShape } from '../../../lib/folk-shape.ts';
-import { FolkArrow } from '../../../lib/folk-arrow.ts';
+import { FolkShape } from '../../../labs/folk-shape.ts';
+import { FolkArrow } from '../../../labs/folk-arrow.ts';
 import { FileSaver } from '../src/file-system.ts';
 
 declare global {
diff --git a/website/canvas/cross-iframe-sand.html b/website/canvas/cross-iframe-sand.html
index 2bfdfa4..14719fc 100644
--- a/website/canvas/cross-iframe-sand.html
+++ b/website/canvas/cross-iframe-sand.html
@@ -105,8 +105,8 @@
     <folk-shape x="500" y="100" width="30" height="70"></folk-shape>
 
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-sand.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-sand.ts';
 
       document.querySelector('folk-sand').onMaterialChange = (materialNumber) => {
         document.querySelector('key-helper button[active]').removeAttribute('active');
diff --git a/website/canvas/cross-iframe-sticky-html-arrow.html b/website/canvas/cross-iframe-sticky-html-arrow.html
index f8e040b..3b8c26b 100644
--- a/website/canvas/cross-iframe-sticky-html-arrow.html
+++ b/website/canvas/cross-iframe-sticky-html-arrow.html
@@ -39,8 +39,8 @@
     <folk-rope source="iframe#frame1 #box1" target="iframe#frame2 #box2"></folk-rope>
 
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-rope.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-rope.ts';
     </script>
   </body>
 </html>
diff --git a/website/canvas/cross-iframe-xanadu-links.html b/website/canvas/cross-iframe-xanadu-links.html
index 3ae3ead..724cd0e 100644
--- a/website/canvas/cross-iframe-xanadu-links.html
+++ b/website/canvas/cross-iframe-xanadu-links.html
@@ -62,7 +62,7 @@
     <folk-xanadu source="iframe#frame1 p:nth-child(6)" target="iframe#frame2 p:nth-child(4)"></folk-xanadu>
 
     <script type="module">
-      import '../../lib/standalone/folk-xanadu.ts';
+      import '@labs/standalone/folk-xanadu.ts';
     </script>
   </body>
 </html>
diff --git a/website/canvas/cutting-event-propagators.html b/website/canvas/cutting-event-propagators.html
index e14bc54..8be238e 100644
--- a/website/canvas/cutting-event-propagators.html
+++ b/website/canvas/cutting-event-propagators.html
@@ -51,8 +51,8 @@ rotation: from.x/10"
     ></folk-event-propagator>
 
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
-      import { FolkEventPropagator } from '../../lib/standalone/folk-event-propagator.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import { FolkEventPropagator } from '@labs/standalone/folk-event-propagator.ts';
 
       class CutTool {
         entry() {
diff --git a/website/canvas/effect-integrator.html b/website/canvas/effect-integrator.html
index 5572621..abaafbd 100644
--- a/website/canvas/effect-integrator.html
+++ b/website/canvas/effect-integrator.html
@@ -49,11 +49,11 @@
     <folk-physics sources="#shape1, #shape2, #shape3, #shape4, #shape5, #shape6, #shape7, #shape8"></folk-physics>
 
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-arrow.ts';
-      import '../../lib/standalone/folk-rope.ts';
-      import '../../lib/standalone/folk-graph.ts';
-      import '../../lib/standalone/folk-physics.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-arrow.ts';
+      import '@labs/standalone/folk-rope.ts';
+      import '@labs/standalone/folk-graph.ts';
+      import '@labs/standalone/folk-physics.ts';
     </script>
   </body>
 </html>
diff --git a/website/canvas/embeddable-llm-with-propagators.html b/website/canvas/embeddable-llm-with-propagators.html
index ae1e3a0..99f8302 100644
--- a/website/canvas/embeddable-llm-with-propagators.html
+++ b/website/canvas/embeddable-llm-with-propagators.html
@@ -107,9 +107,9 @@
 
     <script type="module">
       import './src/folk-timer.ts';
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-llm.ts';
-      import '../../lib/standalone/folk-event-propagator.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-llm.ts';
+      import '@labs/standalone/folk-event-propagator.ts';
     </script>
   </body>
 </html>
diff --git a/website/canvas/event-propagators-with-weather.html b/website/canvas/event-propagators-with-weather.html
index a78d0f6..d296aca 100644
--- a/website/canvas/event-propagators-with-weather.html
+++ b/website/canvas/event-propagators-with-weather.html
@@ -54,8 +54,8 @@ rotation: from.x"
     ></folk-event-propagator>
 
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-event-propagator.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-event-propagator.ts';
 
       let timeout = -1;
       let isBlowing = false;
diff --git a/website/canvas/event-propagators.html b/website/canvas/event-propagators.html
index 7c56517..9fb3f8d 100644
--- a/website/canvas/event-propagators.html
+++ b/website/canvas/event-propagators.html
@@ -45,8 +45,8 @@ rotation: from.x/10"
     ></folk-event-propagator>
 
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-event-propagator.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-event-propagator.ts';
     </script>
   </body>
 </html>
diff --git a/website/canvas/folk-interface-for-qr-codes.html b/website/canvas/folk-interface-for-qr-codes.html
index ac1758c..186bc18 100644
--- a/website/canvas/folk-interface-for-qr-codes.html
+++ b/website/canvas/folk-interface-for-qr-codes.html
@@ -72,8 +72,8 @@
 
     <script type="module">
       import 'https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.18.0/cdn/components/qr-code/qr-code.js';
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-event-propagator.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-event-propagator.ts';
 
       const ropeMode = document.querySelector('input[type="checkbox"]');
 
diff --git a/website/canvas/graph-layout.html b/website/canvas/graph-layout.html
index 7290334..84e1436 100644
--- a/website/canvas/graph-layout.html
+++ b/website/canvas/graph-layout.html
@@ -47,10 +47,10 @@
     </folk-graph>
 
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-arrow.ts';
-      import '../../lib/standalone/folk-rope.ts';
-      import '../../lib/standalone/folk-graph.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-arrow.ts';
+      import '@labs/standalone/folk-rope.ts';
+      import '@labs/standalone/folk-graph.ts';
     </script>
   </body>
 </html>
diff --git a/website/canvas/html-ink.html b/website/canvas/html-ink.html
index 1e998e9..345fd76 100644
--- a/website/canvas/html-ink.html
+++ b/website/canvas/html-ink.html
@@ -23,8 +23,8 @@
   <body>
     <button on:click="DRAW">Draw</button>
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-ink.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-ink.ts';
 
       const drawButton = document.querySelector('button');
 
diff --git a/website/canvas/html-spreadsheet.html b/website/canvas/html-spreadsheet.html
index 77f3b1c..5f2c284 100644
--- a/website/canvas/html-spreadsheet.html
+++ b/website/canvas/html-spreadsheet.html
@@ -123,8 +123,8 @@
     </folk-shape>
 
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-spreadsheet.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-spreadsheet.ts';
     </script>
   </body>
 </html>
diff --git a/website/canvas/moveBefore.html b/website/canvas/moveBefore.html
index 8be4fce..aefae66 100644
--- a/website/canvas/moveBefore.html
+++ b/website/canvas/moveBefore.html
@@ -58,7 +58,7 @@
     <folk-shape x="100" y="300" width="50" height="50" rotation="45"></folk-shape>
 
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-shape.ts';
 
       // Check for moveBefore support
       if (!Element.prototype.moveBefore) {
diff --git a/website/canvas/music-crossfader.html b/website/canvas/music-crossfader.html
index 5decd1e..849cb23 100644
--- a/website/canvas/music-crossfader.html
+++ b/website/canvas/music-crossfader.html
@@ -78,8 +78,8 @@
 
     <script type="module">
       import './src/record-player.ts';
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-event-propagator.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-event-propagator.ts';
     </script>
   </body>
 </html>
diff --git a/website/canvas/physics.html b/website/canvas/physics.html
index 0d8bc09..2f4453d 100644
--- a/website/canvas/physics.html
+++ b/website/canvas/physics.html
@@ -41,9 +41,9 @@
     </folk-physics>
 
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-physics.ts';
-      import '../../lib/standalone/folk-event-propagator.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-physics.ts';
+      import '@labs/standalone/folk-event-propagator.ts';
     </script>
   </body>
 </html>
diff --git a/website/canvas/projector.html b/website/canvas/projector.html
index c53a8f3..542790b 100644
--- a/website/canvas/projector.html
+++ b/website/canvas/projector.html
@@ -54,8 +54,8 @@
     <folk-shape x="300" y="350" width="60" height="90" rotation="45"></folk-shape>
 
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-projector.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-projector.ts';
 
       const projector = document.querySelector('folk-projector');
 
diff --git a/website/canvas/proximity-based-communication-and-event-propagators.html b/website/canvas/proximity-based-communication-and-event-propagators.html
index 23e6bac..3d2fd09 100644
--- a/website/canvas/proximity-based-communication-and-event-propagators.html
+++ b/website/canvas/proximity-based-communication-and-event-propagators.html
@@ -90,10 +90,10 @@
     <script type="module">
       import { GeoWiki } from './src/geo-wiki.ts';
       import { FolkWeather } from './src/folk-weather.ts';
-      import '../../lib/standalone/folk-shape.ts';
-      import { FolkMap } from '../../lib/standalone/folk-map.ts';
-      import { FolkCluster } from '../../lib/standalone/folk-proximity.ts';
-      import '../../lib/standalone/folk-event-propagator.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import { FolkMap } from '@labs/standalone/folk-map.ts';
+      import { FolkCluster } from '@labs/standalone/folk-proximity.ts';
+      import '@labs/standalone/folk-event-propagator.ts';
 
       FolkCluster.registerElement({
         constructor: FolkMap,
diff --git a/website/canvas/proximity-based-communication.html b/website/canvas/proximity-based-communication.html
index 4daebc0..160ab98 100644
--- a/website/canvas/proximity-based-communication.html
+++ b/website/canvas/proximity-based-communication.html
@@ -77,9 +77,9 @@
     <script type="module">
       import { GeoWiki } from './src/geo-wiki.ts';
       import { FolkWeather } from './src/folk-weather.ts';
-      import '../../lib/standalone/folk-shape.ts';
-      import { FolkMap } from '../../lib/standalone/folk-map.ts';
-      import { FolkCluster } from '../../lib/standalone/folk-proximity.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import { FolkMap } from '@labs/standalone/folk-map.ts';
+      import { FolkCluster } from '@labs/standalone/folk-proximity.ts';
 
       FolkCluster.registerElement({
         constructor: FolkMap,
diff --git a/website/canvas/proximity-based-music.html b/website/canvas/proximity-based-music.html
index bc2c080..ba3c716 100644
--- a/website/canvas/proximity-based-music.html
+++ b/website/canvas/proximity-based-music.html
@@ -61,8 +61,8 @@
 
     <script type="module">
       import './src/record-player.ts';
-      import '../../lib/standalone/folk-shape.ts';
-      import { aabbIntersection } from '../../lib/common/collision.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import { aabbIntersection } from '@lib/common/collision.ts';
 
       let proximityDistance = 150;
       const proximitySet = new Set();
diff --git a/website/canvas/radial-space.html b/website/canvas/radial-space.html
index e77d665..0c621a4 100644
--- a/website/canvas/radial-space.html
+++ b/website/canvas/radial-space.html
@@ -37,8 +37,8 @@
     <folk-space-radial sources="folk-shape"> </folk-space-radial>
 
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-space-radial.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-space-radial.ts';
     </script>
   </body>
 </html>
diff --git a/website/canvas/responsive-canvas-shapes.html b/website/canvas/responsive-canvas-shapes.html
index 576bb7b..cd424f3 100644
--- a/website/canvas/responsive-canvas-shapes.html
+++ b/website/canvas/responsive-canvas-shapes.html
@@ -89,8 +89,8 @@
     </folk-shape> -->
 
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-arrow.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-arrow.ts';
     </script>
   </body>
 </html>
diff --git a/website/canvas/semantic-zoom-in-a-canvas.html b/website/canvas/semantic-zoom-in-a-canvas.html
index 93a8a10..82b291d 100644
--- a/website/canvas/semantic-zoom-in-a-canvas.html
+++ b/website/canvas/semantic-zoom-in-a-canvas.html
@@ -144,8 +144,8 @@
     <folk-arrow source="#box1" target="#box3"></folk-arrow>
 
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-arrow.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-arrow.ts';
 
       document.body.querySelectorAll('folk-shape').forEach((el, i) => (el.style.viewTransitionName = `g${i}`));
       document.body.querySelectorAll('folk-arrow').forEach((el, i) => (el.style.viewTransitionName = `c${i}`));
diff --git a/website/canvas/shape-collision-detection.html b/website/canvas/shape-collision-detection.html
index 6330ecb..d60f44c 100644
--- a/website/canvas/shape-collision-detection.html
+++ b/website/canvas/shape-collision-detection.html
@@ -49,8 +49,8 @@
     <folk-shape x="400" y="275" width="50" height="50"></folk-shape>
 
     <script type="module">
-      import { FolkShape } from '../../lib/standalone/folk-shape.ts';
-      import { aabbHitDetection } from '../../lib/common/collision.ts';
+      import { FolkShape } from '@labs/standalone/folk-shape.ts';
+      import { aabbHitDetection } from '@lib/common/collision.ts';
 
       const shapes = Array.from(document.querySelectorAll('folk-shape, p'));
 
diff --git a/website/canvas/shapes-in-a-canvas.html b/website/canvas/shapes-in-a-canvas.html
index ce2e3c0..84a26c9 100644
--- a/website/canvas/shapes-in-a-canvas.html
+++ b/website/canvas/shapes-in-a-canvas.html
@@ -29,7 +29,7 @@
     <folk-shape x="100" y="300" width="50" height="50" rotation="45"></folk-shape>
 
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-shape.ts';
     </script>
   </body>
 </html>
diff --git a/website/canvas/space-morph.html b/website/canvas/space-morph.html
index ff2b81a..70898e4 100644
--- a/website/canvas/space-morph.html
+++ b/website/canvas/space-morph.html
@@ -48,8 +48,8 @@
     </folk-space>
 
     <script type="module">
-      import '../../lib/standalone/folk-space.ts';
-      import '../../lib/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-space.ts';
+      import '@labs/standalone/folk-shape.ts';
 
       document.addEventListener('click', () => window.space.transition());
     </script>
diff --git a/website/canvas/spreadsheet-graph-projection.html b/website/canvas/spreadsheet-graph-projection.html
index c0b689a..e89c819 100644
--- a/website/canvas/spreadsheet-graph-projection.html
+++ b/website/canvas/spreadsheet-graph-projection.html
@@ -163,9 +163,9 @@
     </folk-shape>
 
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-arrow.ts';
-      import '../../lib/standalone/folk-spreadsheet.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-arrow.ts';
+      import '@labs/standalone/folk-spreadsheet.ts';
 
       let isProjected = false;
       const button = document.querySelector('button');
diff --git a/website/canvas/spreadsheet-map-propagator.html b/website/canvas/spreadsheet-map-propagator.html
index cac5d4e..8e9bf32 100644
--- a/website/canvas/spreadsheet-map-propagator.html
+++ b/website/canvas/spreadsheet-map-propagator.html
@@ -162,10 +162,10 @@
     ></folk-event-propagator>
 
     <script type="module">
-      import '../../lib/standalone/folk-map.ts';
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-event-propagator.ts';
-      import '../../lib/standalone/folk-spreadsheet.ts';
+      import '@labs/standalone/folk-map.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-event-propagator.ts';
+      import '@labs/standalone/folk-spreadsheet.ts';
     </script>
   </body>
 </html>
diff --git a/website/canvas/spreadsheet-shape-projection.html b/website/canvas/spreadsheet-shape-projection.html
index 41fec2b..d313a92 100644
--- a/website/canvas/spreadsheet-shape-projection.html
+++ b/website/canvas/spreadsheet-shape-projection.html
@@ -41,8 +41,8 @@
     </folk-space-projector>
 
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-space-projector.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-space-projector.ts';
     </script>
   </body>
 </html>
diff --git a/website/canvas/src/folk-metronome.ts b/website/canvas/src/folk-metronome.ts
index 00e726a..dba04e6 100644
--- a/website/canvas/src/folk-metronome.ts
+++ b/website/canvas/src/folk-metronome.ts
@@ -1,4 +1,4 @@
-import { FolkElement } from '@lib/common/folk-element';
+import { FolkElement } from '@lib/folk-element';
 
 declare global {
   interface HTMLElementTagNameMap {
diff --git a/website/canvas/src/folk-timer.ts b/website/canvas/src/folk-timer.ts
index 1ec6494..f33c9c6 100644
--- a/website/canvas/src/folk-timer.ts
+++ b/website/canvas/src/folk-timer.ts
@@ -1,4 +1,4 @@
-import { FolkElement } from '@lib/common/folk-element';
+import { FolkElement } from '@lib/folk-element';
 
 declare global {
   interface HTMLElementTagNameMap {
diff --git a/website/canvas/src/folk-weather.ts b/website/canvas/src/folk-weather.ts
index fec4e0a..ab49dea 100644
--- a/website/canvas/src/folk-weather.ts
+++ b/website/canvas/src/folk-weather.ts
@@ -1,4 +1,4 @@
-import { html } from '@lib/common/tags';
+import { html } from '@lib/tags';
 
 interface Weather {
   temperature: string;
diff --git a/website/canvas/src/record-player.ts b/website/canvas/src/record-player.ts
index d467bad..acc97ee 100644
--- a/website/canvas/src/record-player.ts
+++ b/website/canvas/src/record-player.ts
@@ -1,5 +1,5 @@
 // Ported from https://github.com/bitu467/record-player
-import { css, html } from '@lib/common/tags';
+import { css, html } from '@lib/tags';
 
 const styles = css`
   ::slotted(*) {
diff --git a/website/canvas/sticky-html-arrow.html b/website/canvas/sticky-html-arrow.html
index 60bd089..dbe7959 100644
--- a/website/canvas/sticky-html-arrow.html
+++ b/website/canvas/sticky-html-arrow.html
@@ -29,9 +29,9 @@
     <folk-arrow source="#box1" target="#box2"></folk-arrow>
 
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-arrow.ts';
-      import '../../lib/common/iframe-script.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-arrow.ts';
+      import '@lib/common/iframe-script.ts';
     </script>
   </body>
 </html>
diff --git a/website/canvas/sticky-html-rope.html b/website/canvas/sticky-html-rope.html
index 74f285e..151aa5f 100644
--- a/website/canvas/sticky-html-rope.html
+++ b/website/canvas/sticky-html-rope.html
@@ -43,8 +43,8 @@
     <folk-rope source="#box1" target="#box4"></folk-rope>
 
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-rope.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-rope.ts';
     </script>
   </body>
 </html>
diff --git a/website/canvas/toolset.html b/website/canvas/toolset.html
index b342cf8..93d8cbb 100644
--- a/website/canvas/toolset.html
+++ b/website/canvas/toolset.html
@@ -52,11 +52,11 @@
     </folk-toolset>
 
     <script type="module">
-      import '../../lib/standalone/folk-event-propagator.ts';
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-distance-field.ts';
-      import '../../lib/standalone/folk-sand.ts';
-      import '../../lib/standalone/folk-toolset.ts';
+      import '@labs/standalone/folk-event-propagator.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-distance-field.ts';
+      import '@labs/standalone/folk-sand.ts';
+      import '@labs/standalone/folk-toolset.ts';
     </script>
   </body>
 </html>
diff --git a/website/canvas/visualizing-set-relations.html b/website/canvas/visualizing-set-relations.html
index 0f75f05..28bae44 100644
--- a/website/canvas/visualizing-set-relations.html
+++ b/website/canvas/visualizing-set-relations.html
@@ -45,8 +45,8 @@
     </folk-hull>
 
     <script type="module">
-      import '../../lib/standalone/folk-shape.ts';
-      import '../../lib/standalone/folk-hull.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-hull.ts';
     </script>
   </body>
 </html>
diff --git a/website/canvas/xanadu-link.html b/website/canvas/xanadu-link.html
index 075c463..bad7290 100644
--- a/website/canvas/xanadu-link.html
+++ b/website/canvas/xanadu-link.html
@@ -201,8 +201,8 @@
     <folk-xanadu source="folk-shape[name='1'] [link='2']" target="folk-shape[name='2'] [link='2']"></folk-xanadu>
 
     <script type="module">
-      import '../../lib/standalone/folk-xanadu.ts';
-      import '../../lib/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-xanadu.ts';
+      import '@labs/standalone/folk-shape.ts';
     </script>
   </body>
 </html>
diff --git a/website/index.html b/website/index.html
index d93bb55..6e981aa 100644
--- a/website/index.html
+++ b/website/index.html
@@ -35,8 +35,8 @@
     </folk-space-radial>
 
     <script type="module">
-      import '../lib/standalone/folk-shape.ts';
-      import '../lib/standalone/folk-space-radial.ts';
+      import '@labs/standalone/folk-shape.ts';
+      import '@labs/standalone/folk-space-radial.ts';
 
       const shape = document.querySelector('folk-shape');