diff --git a/package.json b/package.json
index e45b4a9..1fda5f3 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
     "arktype": "^2.2.0",
     "axios": "^1.13.6",
     "clsx": "^2.1.1",
+    "eruda": "^3.4.3",
     "i18next": "^25.8.17",
     "i18next-http-backend": "^3.0.2",
     "motion": "^12.35.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index be0bced..3f3dc35 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -41,6 +41,9 @@ importers:
       clsx:
         specifier: ^2.1.1
         version: 2.1.1
+      eruda:
+        specifier: ^3.4.3
+        version: 3.4.3
       i18next:
         specifier: ^25.8.17
         version: 25.8.17(typescript@5.9.3)
@@ -1421,6 +1424,9 @@ packages:
   error-kid@1.0.2:
     resolution: {integrity: sha512-Xvq0ZrY/azCbREWKt9E/3mXDF0MkuEVVvHnOKutUhtq2O8pyneEixQ4nSFkA19Xfn+/OVSg//iVG0dxIDj7DIA==}
 
+  eruda@3.4.3:
+    resolution: {integrity: sha512-J2TsF4dXSspOXev5bJ6mljv0dRrxj21wklrDzbvPmYaEmVoC+2psylyRi70nUPFh1mTQfIBsSusUtAMZtUN+/w==}
+
   es-define-property@1.0.1:
     resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
     engines: {node: '>= 0.4'}
@@ -3314,6 +3320,8 @@ snapshots:
 
   error-kid@1.0.2: {}
 
+  eruda@3.4.3: {}
+
   es-define-property@1.0.1: {}
 
   es-errors@1.3.0: {}
diff --git a/src/main.tsx b/src/main.tsx
index fd3ec5b..0505a51 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -2,6 +2,7 @@ import { StrictMode } from "react";
 import ReactDOM from "react-dom/client";
 import { RouterProvider, createRouter } from "@tanstack/react-router";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import eruda from "eruda";
 
 import i18n from "@/i18n";
 import tg from "@/tg";
@@ -18,6 +19,8 @@ declare module "@tanstack/react-router" {
   }
 }
 
+if (import.meta.env.MODE !== "production") eruda.init();
+
 tg.init();
 i18n.init();