diff --git a/src/API/API.ts b/src/API/API.ts
index 6d322e5..d8c1321 100644
--- a/src/API/API.ts
+++ b/src/API/API.ts
@@ -1,7 +1,7 @@
 import * as Transport from './Transport';
-import * as Mouse from './Mouse';
-import * as Theme from './Theme';
-import * as Canvas from './Canvas';
+import * as Mouse from './DOM/Mouse';
+import * as Theme from './DOM/Theme';
+import * as Canvas from './DOM/Canvas';
 import * as Cache from './Cache';
 import * as Script from './Script';
 import * as Drunk from './Drunk';
@@ -15,7 +15,7 @@ import * as OSC from './OSC';
 import * as Randomness from './Randomness';
 import * as Counter from './Counter';
 import * as Sound from './Sound';
-import * as Console from './Console';
+import * as Console from './DOM/Console';
 import { type SoundEvent } from '../Classes/SoundEvent';
 import { type SkipEvent } from '../Classes/SkipEvent';
 import { OscilloscopeConfig } from "../DOM/Visuals/Oscilloscope";
diff --git a/src/API/Canvas.ts b/src/API/DOM/Canvas.ts
similarity index 99%
rename from src/API/Canvas.ts
rename to src/API/DOM/Canvas.ts
index e012541..fd0ec2a 100644
--- a/src/API/Canvas.ts
+++ b/src/API/DOM/Canvas.ts
@@ -1,6 +1,6 @@
-import { OscilloscopeConfig } from "../DOM/Visuals/Oscilloscope";
+import { OscilloscopeConfig } from "../../DOM/Visuals/Oscilloscope";
 import { ShapeObject, createConicGradient, createLinearGradient, createRadialGradient, drawBackground, drawBox, drawBall, drawBalloid, drawDonut, drawEquilateral, drawImage, drawPie, drawSmiley, drawStar, drawStroke, drawText, drawTriangular } from "../DOM/Visuals/CanvasVisuals";
-import { Editor } from "../main";
+import { Editor } from "../../main";
 
 
 export const loadHydra = (app: Editor) => (): void => {
diff --git a/src/API/Console.ts b/src/API/DOM/Console.ts
similarity index 93%
rename from src/API/Console.ts
rename to src/API/DOM/Console.ts
index 288b44d..b67fb74 100644
--- a/src/API/Console.ts
+++ b/src/API/DOM/Console.ts
@@ -1,4 +1,4 @@
-import { type UserAPI } from "./API";
+import { type UserAPI } from "../API";
 
 export const log = (api: UserAPI) => (message: any) => {
   /**
diff --git a/src/API/Mouse.ts b/src/API/DOM/Mouse.ts
similarity index 95%
rename from src/API/Mouse.ts
rename to src/API/DOM/Mouse.ts
index b69ef49..ae317e2 100644
--- a/src/API/Mouse.ts
+++ b/src/API/DOM/Mouse.ts
@@ -1,4 +1,4 @@
-import { Editor } from "../main";
+import { Editor } from "../../main";
 
 export const mouseX = (app: Editor) => (): number => {
   /**
diff --git a/src/API/Theme.ts b/src/API/DOM/Theme.ts
similarity index 90%
rename from src/API/Theme.ts
rename to src/API/DOM/Theme.ts
index 31efd37..ca52754 100644
--- a/src/API/Theme.ts
+++ b/src/API/DOM/Theme.ts
@@ -1,5 +1,5 @@
-import { type Editor } from '../main';
-import colorschemes from "../Editor/colors.json";
+import { type Editor } from '../../main';
+import colorschemes from "../../Editor/colors.json";
 
 export const theme = (app: Editor) => (color_scheme: string): void => {
   app.readTheme(color_scheme);