diff --git a/package.json b/package.json
index 0ba01b3..3058b23 100644
--- a/package.json
+++ b/package.json
@@ -4,8 +4,8 @@
   "description": "Drum beat visualiser and editor",
   "main": "src/main.ts",
   "scripts": {
-    "build": "webpack",
-    "dev": "webpack-dev-server"
+    "build": "vite build",
+    "dev": "vite"
   },
   "repository": {
     "type": "git",
diff --git a/src/main.ts b/src/main.ts
index d06c148..3a3bdc7 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,20 +1,15 @@
 import RootView from "@/ui/Root/RootView";
 import "@/ui/global.css";
+import { bootstrap } from "@djledda/ladder";
 
-const appNode = document.querySelector("#app");
-
-if (appNode) {
-    try {
-        const appRoot = new RootView({
-            orientation: "vertical",
-            title: "Drum Slayer",
-        });
-        window.appRoot = appRoot;
-        appNode.appendChild(appRoot.render());
-        console.log("OK!");
-    } catch (e) {
-        console.error("FUCK!", e);
-    }
-} else {
-    console.error("FUCK!");
-}
\ No newline at end of file
+try {
+    const appRoot = new RootView({
+        orientation: "vertical",
+        title: "Drum Slayer",
+    });
+    window.appRoot = appRoot;
+    bootstrap(appRoot, "app");
+    console.log("OK!");
+} catch (e) {
+    console.error("FUCK!", e);
+}
diff --git a/vite.config.ts b/vite.config.ts
index 8382f64..68a15c8 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -3,8 +3,8 @@ import { defineConfig } from "vite";
 export default defineConfig({
     resolve: {
         alias: {
-            '@': '/src',
-            'assets': '/assets',
+            "@": "/src",
+            "assets": "/assets",
         }
     },
 });
\ No newline at end of file