diff --git a/package.json b/package.json
index bd7d889c..fcbf4880 100644
--- a/package.json
+++ b/package.json
@@ -68,8 +68,6 @@
     "@types/color": "^4.2.0",
     "@types/lodash": "^4.17.16",
     "@types/node": "^22.13.10",
-    "@types/react": "^19.0.10",
-    "@types/react-dom": "^19.0.4",
     "@types/sortablejs": "^1.15.8",
     "@types/uuid": "^10.0.0",
     "@types/webextension-polyfill": "^0.12.3",
@@ -88,9 +86,6 @@
     "lodash": "^4.17.21",
     "million": "^3.1.11",
     "motion": "^12.4.12",
-    "react": "17",
-    "react-best-gradient-color-picker": "3.0.11",
-    "react-dom": "17",
     "rss-parser": "^3.13.0",
     "sortablejs": "^1.15.6",
     "svelte": "^5.22.6",
diff --git a/src/interface/components/utils/ReactAdapter.svelte b/src/interface/components/utils/ReactAdapter.svelte
deleted file mode 100644
index 2a7de2fc..00000000
--- a/src/interface/components/utils/ReactAdapter.svelte
+++ /dev/null
@@ -1,27 +0,0 @@
-<script lang="ts">
-  import React from "react";
-  import ReactDOM from "react-dom";
-  import { onDestroy, onMount } from "svelte";
-
-  const e = React.createElement;
-  let container: HTMLDivElement;
-
-  onMount(() => {
-    const { el, children, class: _, ...props } = $$props;
-    try {
-      ReactDOM.render(e(el, props, children), container);
-    } catch (err) {
-      console.warn(`react-adapter failed to mount.`, { err });
-    }
-  });
-
-  onDestroy(() => {
-    try {
-      ReactDOM.unmountComponentAtNode(container);
-    } catch (err) {
-      console.warn(`react-adapter failed to unmount.`, { err });
-    }
-  });
-</script>
-
-<div bind:this={container} class={$$props.class}></div>
\ No newline at end of file