diff --git a/package-lock.json b/package-lock.json
index 63682f793..1b1aa822b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,9 +1,12 @@
 {
-    "name": "html",
+    "name": "coolify-v4",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
+            "dependencies": {
+                "alpinejs": "^3.12.0"
+            },
             "devDependencies": {
                 "autoprefixer": "^10.4.14",
                 "axios": "^1.1.2",
@@ -400,6 +403,19 @@
                 "node": ">= 8"
             }
         },
+        "node_modules/@vue/reactivity": {
+            "version": "3.1.5",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.1.5.tgz",
+            "integrity": "sha512-1tdfLmNjWG6t/CsPldh+foumYFo3cpyCHgBYQ34ylaMsJ+SNHQ1kApMIa8jN+i593zQuaw3AdWH0nJTARzCFhg==",
+            "dependencies": {
+                "@vue/shared": "3.1.5"
+            }
+        },
+        "node_modules/@vue/shared": {
+            "version": "3.1.5",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.1.5.tgz",
+            "integrity": "sha512-oJ4F3TnvpXaQwZJNF3ZK+kLPHKarDmJjJ6jyzVNDKH9md1dptjC7lWR//jrGuLdek/U6iltWxqAnYOu8gCiOvA=="
+        },
         "node_modules/acorn": {
             "version": "7.4.1",
             "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
@@ -432,6 +448,14 @@
                 "node": ">=0.4.0"
             }
         },
+        "node_modules/alpinejs": {
+            "version": "3.12.0",
+            "resolved": "https://registry.npmjs.org/alpinejs/-/alpinejs-3.12.0.tgz",
+            "integrity": "sha512-YENcRBA9dlwR8PsZNFMTHbmdlTNwd1BkCeivPvOzzCKHas6AfwNRsDK9UEFmE5dXTMEZjnnpCTxV8vkdpWiOCw==",
+            "dependencies": {
+                "@vue/reactivity": "~3.1.1"
+            }
+        },
         "node_modules/anymatch": {
             "version": "3.1.3",
             "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
diff --git a/package.json b/package.json
index 766187be7..de22024cb 100644
--- a/package.json
+++ b/package.json
@@ -11,5 +11,8 @@
         "postcss": "^8.4.21",
         "tailwindcss": "^3.2.7",
         "vite": "^4.0.0"
+    },
+    "dependencies": {
+        "alpinejs": "^3.12.0"
     }
 }
diff --git a/resources/js/app.js b/resources/js/app.js
index 401533aec..2205ac5f6 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -1,2 +1,4 @@
-import './bootstrap';
-
+// import './bootstrap';
+import Alpine from 'alpinejs'
+window.Alpine = Alpine
+Alpine.start()
diff --git a/resources/views/components/layout.blade.php b/resources/views/components/layout.blade.php
index 60e6a41a3..82a04bfb7 100644
--- a/resources/views/components/layout.blade.php
+++ b/resources/views/components/layout.blade.php
@@ -7,7 +7,6 @@
     <title>{{ $title ?? 'Coolify' }}</title>
     <meta name="csrf-token" content="{{ csrf_token() }}">
     @vite(['resources/js/app.js', 'resources/css/app.css'])
-    <script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
     <style>[x-cloak] { display: none !important; }</style>
     @livewireStyles
 </head>