diff --git a/with-jest-swc/package.json b/with-jest-swc/package.json
index 0e80fce..fc19548 100644
--- a/with-jest-swc/package.json
+++ b/with-jest-swc/package.json
@@ -8,9 +8,9 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@remirror/pm": "^2.0.8",
-    "@remirror/react": "^2.0.35",
-    "remirror": "^2.0.39"
+    "@remirror/pm": "^3.0.0",
+    "@remirror/react": "^3.0.0",
+    "remirror": "^3.0.0"
   },
   "devDependencies": {
     "@swc/core": "^1.6.6",
@@ -19,7 +19,7 @@
     "cross-env": "^7.0.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "jest-remirror": "^2.1.5",
+    "jest-remirror": "^3.0.0",
     "typescript": "^5.5.3"
   }
 }
diff --git a/with-jest-ts/package.json b/with-jest-ts/package.json
index 77bc54b..d2a9df9 100644
--- a/with-jest-ts/package.json
+++ b/with-jest-ts/package.json
@@ -9,15 +9,15 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@remirror/pm": "^2.0.8",
-    "remirror": "^2.0.39"
+    "@remirror/pm": "^3.0.0",
+    "remirror": "^3.0.0"
   },
   "devDependencies": {
     "@types/jest": "^29.5.12",
     "cross-env": "^7.0.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "jest-remirror": "^2.1.5",
+    "jest-remirror": "^3.0.0",
     "ts-jest": "^29.1.5",
     "typescript": "^5.5.3"
   }
diff --git a/with-nextjs/package.json b/with-nextjs/package.json
index 24039fb..4d87b16 100644
--- a/with-nextjs/package.json
+++ b/with-nextjs/package.json
@@ -10,12 +10,12 @@
     "test": "jest"
   },
   "dependencies": {
-    "@remirror/pm": "^2.0.8",
-    "@remirror/react": "^2.0.35",
-    "next": "^14.2.4",
+    "@remirror/pm": "^3.0.0",
+    "@remirror/react": "^3.0.0",
+    "next": "^14.2.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "remirror": "^2.0.39"
+    "remirror": "^3.0.0"
   },
   "devDependencies": {
     "@types/jest": "^29.5.12",
@@ -26,7 +26,7 @@
     "eslint-config-next": "^14.2.4",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "jest-remirror": "^2.1.5",
+    "jest-remirror": "^3.0.0",
     "typescript": "^5.5.3"
   }
 }
diff --git a/with-vite/package.json b/with-vite/package.json
index c5d9333..68adbae 100644
--- a/with-vite/package.json
+++ b/with-vite/package.json
@@ -11,12 +11,13 @@
   "dependencies": {
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
-    "@remirror/pm": "^2.0.8",
-    "@remirror/react": "^2.0.35",
-    "@remirror/styles": "^2.0.7",
+    "@remirror/pm": "^3.0.0",
+    "@remirror/react": "^3.0.0",
+    "@remirror/react-ui": "^1.0.0",
+    "@remirror/styles": "^3.0.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "remirror": "^2.0.39"
+    "remirror": "^3.0.0"
   },
   "devDependencies": {
     "@types/react": "^18.3.3",
diff --git a/with-vite/src/Editor.tsx b/with-vite/src/Editor.tsx
index 013939f..9a806c6 100644
--- a/with-vite/src/Editor.tsx
+++ b/with-vite/src/Editor.tsx
@@ -1,4 +1,4 @@
-import { Remirror, ThemeProvider, Toolbar, useRemirror } from "@remirror/react";
+import { Remirror, ThemeProvider, useRemirror } from "@remirror/react";
 import { AllStyledComponent } from "@remirror/styles/emotion";
 import {
   BoldExtension,
@@ -6,14 +6,14 @@ import {
   ItalicExtension,
   UnderlineExtension,
 } from "remirror/extensions";
-
 import {
+  Toolbar,
   BasicFormattingButtonGroup,
   DataTransferButtonGroup,
   HeadingLevelButtonGroup,
   HistoryButtonGroup,
   VerticalDivider,
-} from "@remirror/react";
+} from "@remirror/react-ui";
 
 const extensions = () => [
   new HeadingExtension({}),