diff --git a/package.json b/package.json
index 363017b..8031eca 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
     "webpack-dev-server": "^5.2.4"
   },
   "dependencies": {
-    "@mercuryworkshop/scramjet": "^1.1.0"
+    "@mercuryworkshop/scramjet": "^1.1.0",
+    "idb": "^8.0.3"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b30f492..9372b98 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,6 +11,9 @@ importers:
       '@mercuryworkshop/scramjet':
         specifier: ^1.1.0
         version: 1.1.0
+      idb:
+        specifier: ^8.0.3
+        version: 8.0.3
     devDependencies:
       copy-webpack-plugin:
         specifier: ^14.0.0
diff --git a/public/index.html b/public/index.html
index b0449b2..f442426 100644
--- a/public/index.html
+++ b/public/index.html
@@ -20,6 +20,7 @@
     <script src="https://unpkg.com/@mercuryworkshop/bare-mux@2.1.9/dist/index.js"></script>
     <script src="https://unpkg.com/@titaniumnetwork-dev/ultraviolet@3.2.8/dist/uv.bundle.js"></script>
     <script src="https://cdn.jsdelivr.net/gh/luminsdk/script@latest/lumin.min.js"></script>
+    <script src="https://unpkg.com/@mercuryworkshop/scramjet@1.1.0/dist/scramjet.all.js"></script>
     <script
       defer
       src="https://cdn.jsdelivr.net/npm/libcurl.js@0.7.1/libcurl.js"
diff --git a/src/app/TabManager.ts b/src/app/TabManager.ts
index b7d5cd2..e5b6d22 100644
--- a/src/app/TabManager.ts
+++ b/src/app/TabManager.ts
@@ -1,25 +1,40 @@
 import { Tab } from "./types";
 import { homeDataURL } from "../components/StartPage";
-import { PREFIX } from "./constants";
+import { PREFIX, CURRENT_PROXY } from "./constants";
 import { normalizeUrl } from "./utils";
 import { checkLarp } from "./EasterEgg";
 import logo from "../assets/logo.png";
+import { openDB } from "idb";
+import { sj } from "../index";
+
+const dbPromise = openDB('SettingsDB', 1, {
+  upgrade(db) {
+    db.createObjectStore('settings');
+  },
+});
+const db = await dbPromise;
+async function proxyFind() {
+  return await db.get('settings', 'deployable.proxy');
+}
 
 let tabs: Tab[] = [];
 let activeTab: Tab | null = null;
+let sjFrame;
+let frame;
 
 export function getTabs() { return tabs; }
 export function getActiveTab() { return activeTab; }
 export function setActiveTab(tab: Tab | null) { activeTab = tab; }
 
-export function createTab(url: string = homeDataURL) {
+export async function createTab(url: string = homeDataURL) {
   const framesContainer = document.getElementById("frames-container") as HTMLDivElement;
   const tabBar = document.getElementById("tab-bar") as HTMLDivElement;
   const newTabBtn = document.getElementById("new-tab-btn") as HTMLButtonElement;
   const urlBar = document.getElementById("url-bar") as HTMLInputElement;
 
   const id = Math.random().toString(36).substring(2, 11);
-  const frame = document.createElement("iframe");
+  const sjFrame = sj.createFrame();
+  const frame = sjFrame.frame;
   frame.className = "proxy-frame";
   frame.id = `frame-${id}`;
   framesContainer.appendChild(frame);
@@ -42,6 +57,7 @@ export function createTab(url: string = homeDataURL) {
     historyIndex: -1,
     frame,
     tabElement,
+    sjFrame
   };
 
   tabs.push(tab);
@@ -74,9 +90,13 @@ export function createTab(url: string = homeDataURL) {
         const encodedUrl = frameHref.substring(
           frameHref.indexOf(PREFIX) + PREFIX.length,
         );
-        const decodedUrl = (window as any).Ultraviolet.codec.xor.decode(
-          encodedUrl,
-        );
+        let decodedUrl;
+        if (CURRENT_PROXY === "choice-scram") {
+          const decodedUrl = decodeURIComponent(encodedUrl);
+        }
+        else {
+          const decodedUrl = (window as any).Ultraviolet.codec.xor.decode(encodedUrl);
+        }
         if (decodedUrl && normalizeUrl(decodedUrl) !== normalizeUrl(tab.url)) {
           tab.url = decodedUrl;
           if (activeTab === tab) urlBar.value = decodedUrl;
@@ -158,7 +178,15 @@ export function loadTab(
     tab.frame.src = homeDataURL;
   } else {
     if (activeTab === tab) urlBar.value = url;
-    const encodedUrl = (window as any).Ultraviolet.codec.xor.encode(url);
+    let encodedUrl: string;
+    // console.log(CURRENT_PROXY);
+    if (CURRENT_PROXY === "choice-scram") {
+      encodedUrl = encodeURIComponent(url);
+    }
+    else {
+      encodedUrl = (window as any).Ultraviolet.codec.xor.encode(url);
+    }
+    // console.log(encodedUrl);
     tab.frame.src = PREFIX + encodedUrl;
     checkLarp(url);
   }
diff --git a/src/app/constants.ts b/src/app/constants.ts
index 62467bf..5e9a0f9 100644
--- a/src/app/constants.ts
+++ b/src/app/constants.ts
@@ -1,4 +1,8 @@
-export const BASE = new URL("./", location.href).pathname;
-export const PREFIX = BASE + "uv/service/";
+import { proxyFind } from "./utils"
+export const CURRENT_PROXY = await proxyFind();
+export const BASE = new URL("./", location.href).pathname; 
+export const PREFIX = CURRENT_PROXY === "choice-scram"
+  ? BASE + "scramjet/"
+  : BASE + "uv/service/";
 export const DEFAULT_WISP = "wss://anura.pro/";
 export const WISP_STORAGE_KEY = "deployable.wispServer";
diff --git a/src/app/types.ts b/src/app/types.ts
index 457c9af..a689444 100644
--- a/src/app/types.ts
+++ b/src/app/types.ts
@@ -5,4 +5,5 @@ export interface Tab {
   historyIndex: number;
   frame: HTMLIFrameElement;
   tabElement: HTMLElement;
+  sjFrame: any;
 }
diff --git a/src/app/utils.ts b/src/app/utils.ts
index 3c11263..5793d15 100644
--- a/src/app/utils.ts
+++ b/src/app/utils.ts
@@ -1,4 +1,5 @@
 import { DEFAULT_WISP, WISP_STORAGE_KEY } from "./constants";
+import { openDB } from "idb";
 
 export const getWispServer = () =>
   localStorage.getItem(WISP_STORAGE_KEY) || DEFAULT_WISP;
@@ -13,3 +14,13 @@ export const normalizeUrl = (u: string) => {
     return u;
   }
 };
+
+export const proxyFind = async () => {
+  const dbPromise = openDB('SettingsDB', 1, {
+    upgrade(db) {
+      db.createObjectStore('settings');
+    },
+  });
+  const db = await dbPromise;
+  return await db.get('settings', 'deployable.proxy');
+}
diff --git a/src/components/UI.ts b/src/components/UI.ts
index 1200de1..cbce1b0 100644
--- a/src/components/UI.ts
+++ b/src/components/UI.ts
@@ -51,6 +51,14 @@ export function initUI(app: HTMLElement) {
           <p class="settings-hint">WebSocket URL used for the proxy transport.</p>
         </div>
 
+        <div class="settings-section">
+          <label for="proxy-choice">Proxy</label>
+          <div class="choice-actions">
+            <button id="choice-uv">Ultraviolet</button><button id="choice-scram">Scramjet</button>
+          </div>
+          <p class="settings-hint">Scramjet is newer and is still maintained. There are few reasons to choose Ultraviolet.</p>
+        </div>
+
         <div class="settings-section">
           <label>Data Management</label>
           <div class="data-actions">
diff --git a/src/games/GamesManager.ts b/src/games/GamesManager.ts
index 69fd76a..aa1ae18 100644
--- a/src/games/GamesManager.ts
+++ b/src/games/GamesManager.ts
@@ -95,4 +95,5 @@ export async function loadGames(query = "", category = "", page = 1) {
   } finally {
     gamesLoader.style.display = "none";
   }
-}
+        }
+  
diff --git a/src/global.d.ts b/src/global.d.ts
index 2c7871d..071c27c 100644
--- a/src/global.d.ts
+++ b/src/global.d.ts
@@ -7,10 +7,11 @@ declare module "*.svg";
 declare module "*.woff2";
 declare module "*.woff";
 
-declare const $scramjetLoadController: () => any;
+declare const BareMuxConnection: any;
+declare const sj: any;
+declare const $scramjetLoadController: any;
 declare const $scramjetLoadClient: () => any;
 declare const $scramjetLoadWorker: () => any;
 declare const $scramjetVersion: any;
 declare const Lumin: any;
-
-declare const LibcurlTransport: any;
+declare const LibcurlTransport: any;
\ No newline at end of file
diff --git a/src/index.ts b/src/index.ts
index 3ec6f76..2df0799 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -6,13 +6,16 @@ import { initUI } from "./components/UI";
 import { createTab, getActiveTab, loadTab } from "./app/TabManager";
 import { loadGames, getGamesState } from "./games/GamesManager";
 import { exportData, importData } from "./app/SettingsManager";
+import { openDB } from 'idb';
+
+export let sj: any = null;
 
 let bareMuxConnection: any = null;
 
 async function applyTransport(wispUrl: string) {
   if (!bareMuxConnection) return; 
   await bareMuxConnection.setTransport(
-    "https://unpkg.com/@mercuryworkshop/libcurl-transport@1/dist/index.mjs",
+    "https://unpkg.com/@mercuryworkshop/libcurl-transport@1.5.2/dist/index.mjs",
     [
       {
         websocket: wispUrl,
@@ -23,7 +26,7 @@ async function applyTransport(wispUrl: string) {
 }
 
 async function init() {
-  await navigator.serviceWorker.register("pingas.js"); // change *this* 
+  await navigator.serviceWorker.register("pingas.js", {scope: "/"}); // change *this* 
   await navigator.serviceWorker.ready;
 
   bareMuxConnection = new (window as any).BareMux.BareMuxConnection(
@@ -31,8 +34,41 @@ async function init() {
   );
 
   await applyTransport(getWispServer());
+  const { ScramjetController } = $scramjetLoadController();
+
+  sj = new ScramjetController({
+    prefix: BASE + "scramjet/",
+    files: { 
+      wasm: "https://unpkg.com/@mercuryworkshop/scramjet@1.1.0/dist/scramjet.wasm.wasm",
+      all: "https://unpkg.com/@mercuryworkshop/scramjet@1.1.0/dist/scramjet.all.js",
+      sync: "https://unpkg.com/@mercuryworkshop/scramjet@1.1.0/dist/scramjet.sync.js"
+    },
+    codec: {
+      encode: (url: any) => encodeURIComponent(url),
+      decode: (url: any) => decodeURIComponent(url),
+    }
+  });
+  sj.init();
+}
+
+const dbPromise = openDB('SettingsDB', 1, {
+  upgrade(db) {
+    db.createObjectStore('settings');
+  },
+});
+
+async function loadProxyChoice() {
+  const db = await dbPromise;
+  const savedProxy = await db.get('settings', 'deployable.proxy');
+  
+  if (savedProxy) {
+    const btn = document.getElementById(savedProxy);
+    if (btn) btn.classList.add('selected');
+  }
 }
 
+loadProxyChoice();
+
 const app = document.getElementById("app");
 
 if (app) {
@@ -123,6 +159,7 @@ if (app) {
         clearTimeout(searchTimeout);
         searchTimeout = setTimeout(() => {
           loadGames(gamesSearch.value);
+          return;
         }, 400);
       };
 
@@ -130,12 +167,14 @@ if (app) {
         const { currentPage, selectedCategory } = getGamesState();
         if (currentPage > 1)
           loadGames(gamesSearch.value, selectedCategory, currentPage - 1);
+        // return;
       };
 
       nextPageBtn.onclick = () => {
         const { currentPage, totalPages, selectedCategory } = getGamesState();
         if (currentPage < totalPages)
           loadGames(gamesSearch.value, selectedCategory, currentPage + 1);
+        // return;
       };
 
       const wispInput = document.getElementById(
@@ -171,6 +210,15 @@ if (app) {
       const settingsOverlay = document.getElementById(
         "settings-overlay",
       ) as HTMLDivElement;
+      const choiceScram = document.getElementById(
+        "choice-scram"
+      ) as HTMLButtonElement;
+      const choiceUv = document.getElementById(
+        "choice-uv"
+      ) as HTMLButtonElement;
+      const choiceBtns = document.querySelectorAll(
+        '.choice-actions button'
+      ) as NodeListOf<HTMLButtonElement>;
 
       settingsBtn.onclick = () => {
         wispInput.value = getWispServer();
@@ -184,6 +232,13 @@ if (app) {
         setWispServer(value);
         await applyTransport(value);
         settingsOverlay.style.display = "none";
+        const activeBtn = document.querySelector('.choice-actions button.selected') as HTMLButtonElement | null;
+        if (activeBtn) {
+          const db = await dbPromise;
+          await db.put('settings', activeBtn.id, 'deployable.proxy');
+          console.log('Settings saved to IndexedDB: deployable.proxy:' + activeBtn.id);
+        }
+        window.location.reload();
       };
       settingsReset.onclick = () => (wispInput.value = DEFAULT_WISP);
       settingsOverlay.onclick = (e) => {
@@ -204,6 +259,25 @@ if (app) {
         }
       };
 
+      async function initProxySelection() {
+        const db = await dbPromise;
+        const storedProxyId = await db.get('settings', 'deployable.proxy');
+        
+        choiceBtns.forEach((btn) => {
+          const shouldSelect = storedProxyId ? btn.id === storedProxyId : btn.id === 'choice-uv';
+          
+          if (shouldSelect) {
+            btn.classList.add('selected');
+          }
+
+          btn.addEventListener('click', () => {
+            choiceBtns.forEach((b) => b.classList.remove('selected'));
+            btn.classList.add('selected');
+          });
+        });
+      }
+      initProxySelection();
+
       exportBtn.onclick = exportData;
       importBtn.onclick = () => importInput.click();
       importInput.onchange = (e) => {
diff --git a/src/styles/main.css b/src/styles/main.css
index 31bf44f..f200e89 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -472,6 +472,38 @@ body {
   margin: 0;
 }
 
+.choice-actions {
+  display: flex;
+  gap: 10px;
+}
+
+.choice-actions button {
+  flex: 1;
+  padding: 10px;
+  background: #1a1a1a;
+  border: 1px solid #333;
+  border-radius: 8px;
+  color: #fff;
+  cursor: pointer;
+  font-size: 13px;
+  transition: all 0.2s ease;
+}
+
+.choice-actions button:hover {
+  background: #222;
+  border-color: #444;
+}
+
+.choice-actions button.selected {
+  background: #2563eb;
+  border-color: #2563eb;
+  color: #fff;
+}
+
+.choice-actions button.selected:hover {
+  background: #1d4ed8;
+}
+
 .data-actions {
   display: flex;
   gap: 10px;
diff --git a/sw/pingas.js b/sw/pingas.js
index 3210b43..bd55581 100644
--- a/sw/pingas.js
+++ b/sw/pingas.js
@@ -1,7 +1,9 @@
 const UV_CDN = "https://unpkg.com/@titaniumnetwork-dev/ultraviolet@3.2.8/dist/";
+const SJ_CDN = "https://unpkg.com/@mercuryworkshop/scramjet@1.1.0/dist/";
 
 importScripts(UV_CDN + "uv.bundle.js");
 importScripts(UV_CDN + "uv.sw.js");
+importScripts(SJ_CDN + "scramjet.all.js");
 
 const base = new URL("./", location.href).pathname;
 
@@ -19,6 +21,40 @@ self.__uv$config = {
 };
 
 const uv = new UVServiceWorker();
+let sjInitialized = false;
+let sj = null;
+async function getSJ() {
+  if (!sj) {
+    const { ScramjetServiceWorker } = $scramjetLoadWorker();
+    sj = new ScramjetServiceWorker();
+  }
+  // console.log(sj);
+  return sj;
+}
+let sjReady = false;
+
+async function sjRequest(event) {
+  try {
+    const s = await getSJ();
+    if (!sjInitialized) {
+      try {
+        await s.loadConfig();
+        sjInitialized = true;
+      } catch (e) {e
+        return new Response(
+          `<p>trying to initialize scramjet...</p>`,
+          { status: 200, headers: { "Content-Type": "text/html" } }
+        );
+      }
+    }
+    if (s.route(event)) {
+      return await s.fetch(event);
+    }
+  } catch (e) {
+    return new Response("scramjet eror: " + e.message, { status: 500 });
+  }
+  return await fetch(event.request);
+}
 
 self.addEventListener("install", () => self.skipWaiting());
 self.addEventListener("activate", (event) =>
@@ -64,7 +100,7 @@ self.addEventListener("fetch", (event) => {
     );
     return;
   }
-
+  
   // when it tries to get the other files we fetch from cdn
   if (
     [
@@ -86,13 +122,12 @@ self.addEventListener("fetch", (event) => {
     );
     return;
   }
-
-  event.respondWith(
-    (async () => {
-      if (uv.route(event)) {
-        return await uv.fetch(event);
-      }
-      return await fetch(event.request);
-    })(),
-  );
+  if (uv.route(event)) {
+      event.respondWith(uv.fetch(event));
+      return;
+  }
+  if (url.pathname.startsWith("/scramjet/")) {
+    event.respondWith(sjRequest(event));
+  }
+  evend.respondWith(fetch(event));
 });
diff --git a/tsconfig.json b/tsconfig.json
index 5d96f1b..f80783e 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -4,7 +4,8 @@
     "module": "ESNext",
     "strict": true,
 
-    "rootDir": "./src"
+    "rootDir": "./src",
+    "typeRoots": ["@mercuryworkshop/scramjet"]
   },
   "include": ["src"]
 }