diff --git a/.eslintrc.js b/.eslintrc.js
index a836582d46e..f9e558f81ef 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -83,6 +83,13 @@ module.exports = {
         'header/header': OFF,
       },
     },
+    {
+      // These aren't compiled, but they're written in module JS
+      files: ['packages/lexical-playground/esm/*.js'],
+      parserOptions: {
+        sourceType: 'module',
+      },
+    },
     {
       files: [
         'packages/**/src/__tests__/**',
diff --git a/jest.config.js b/jest.config.js
index bd1a7644f77..808142ca788 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -71,6 +71,7 @@ module.exports = {
           '<rootDir>/packages/lexical-react/src/LexicalTabIndentationPlugin.tsx',
         '^@lexical/react/LexicalTablePlugin$':
           '<rootDir>/packages/lexical-react/src/LexicalTablePlugin.ts',
+        '^@lexical/react/src/(.*)$': '<rootDir>/packages/lexical-react/src/$1',
         '^@lexical/react/useLexicalCanShowPlaceholder$':
           '<rootDir>/packages/lexical-react/src/useLexicalCanShowPlaceholder.ts',
         '^@lexical/react/useLexicalDecorators$':
diff --git a/package-lock.json b/package-lock.json
index 62a430e2c3a..c7d30caec41 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -28,6 +28,7 @@
         "@rollup/plugin-json": "^5.0.2",
         "@rollup/plugin-node-resolve": "^13.0.2",
         "@rollup/plugin-replace": "^3.0.0",
+        "@rollup/plugin-terser": "^0.4.4",
         "@size-limit/preset-big-lib": "^8.1.0",
         "@types/jest": "^29.4.0",
         "@types/jsdom": "^21.1.6",
@@ -3795,6 +3796,28 @@
         "rollup": "^1.20.0 || ^2.0.0"
       }
     },
+    "node_modules/@rollup/plugin-terser": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-terser/-/plugin-terser-0.4.4.tgz",
+      "integrity": "sha512-XHeJC5Bgvs8LfukDwWZp7yeqin6ns8RTl2B9avbejt6tZqsqvVoWI7ZTQrcNsfKEDWBTnTxM8nMDkO2IFFbd0A==",
+      "dev": true,
+      "dependencies": {
+        "serialize-javascript": "^6.0.1",
+        "smob": "^1.0.0",
+        "terser": "^5.17.4"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^2.0.0||^3.0.0||^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@rollup/pluginutils": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz",
@@ -4424,6 +4447,25 @@
         "@types/range-parser": "*"
       }
     },
+    "node_modules/@types/fs-extra": {
+      "version": "8.1.5",
+      "resolved": "https://registry.npmjs.org/@types/fs-extra/-/fs-extra-8.1.5.tgz",
+      "integrity": "sha512-0dzKcwO+S8s2kuF5Z9oUWatQJj5Uq/iqphEtE3GQJVRRYm/tD1LglU2UnXi2A8jLq5umkGouOXOR9y0n613ZwQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/glob": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.2.0.tgz",
+      "integrity": "sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA==",
+      "dev": true,
+      "dependencies": {
+        "@types/minimatch": "*",
+        "@types/node": "*"
+      }
+    },
     "node_modules/@types/graceful-fs": {
       "version": "4.1.6",
       "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.6.tgz",
@@ -4572,6 +4614,12 @@
       "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.2.tgz",
       "integrity": "sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw=="
     },
+    "node_modules/@types/minimatch": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-5.1.2.tgz",
+      "integrity": "sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA==",
+      "dev": true
+    },
     "node_modules/@types/node": {
       "version": "17.0.45",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.45.tgz",
@@ -18882,6 +18930,82 @@
         "fsevents": "~2.3.2"
       }
     },
+    "node_modules/rollup-plugin-copy": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-copy/-/rollup-plugin-copy-3.5.0.tgz",
+      "integrity": "sha512-wI8D5dvYovRMx/YYKtUNt3Yxaw4ORC9xo6Gt9t22kveWz1enG9QrhVlagzwrxSC455xD1dHMKhIJkbsQ7d48BA==",
+      "dev": true,
+      "dependencies": {
+        "@types/fs-extra": "^8.0.1",
+        "colorette": "^1.1.0",
+        "fs-extra": "^8.1.0",
+        "globby": "10.0.1",
+        "is-plain-object": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8.3"
+      }
+    },
+    "node_modules/rollup-plugin-copy/node_modules/fs-extra": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+      "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=6 <7 || >=8"
+      }
+    },
+    "node_modules/rollup-plugin-copy/node_modules/globby": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-10.0.1.tgz",
+      "integrity": "sha512-sSs4inE1FB2YQiymcmTv6NWENryABjUNPeWhOvmn4SjtKybglsyPZxFB3U1/+L1bYi0rNZDqCLlHyLYDl1Pq5A==",
+      "dev": true,
+      "dependencies": {
+        "@types/glob": "^7.1.1",
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.0.3",
+        "glob": "^7.1.3",
+        "ignore": "^5.1.1",
+        "merge2": "^1.2.3",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/rollup-plugin-copy/node_modules/is-plain-object": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-3.0.1.tgz",
+      "integrity": "sha512-Xnpx182SBMrr/aBik8y+GuR4U1L9FqMSojwDQwPMmxyC6bvEqly9UBCxhauBF5vNh2gwWJNX6oDV7O+OM4z34g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rollup-plugin-copy/node_modules/jsonfile": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+      "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+      "dev": true,
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/rollup-plugin-copy/node_modules/universalify": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
     "node_modules/rrweb-cssom": {
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz",
@@ -19529,6 +19653,12 @@
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
       "dev": true
     },
+    "node_modules/smob": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/smob/-/smob-1.4.1.tgz",
+      "integrity": "sha512-9LK+E7Hv5R9u4g4C3p+jjLstaLe11MDsL21UpYaCNmapvMkYhqCV4A/f/3gyH8QjMyh6l68q9xC85vihY9ahMQ==",
+      "dev": true
+    },
     "node_modules/sockjs": {
       "version": "0.3.24",
       "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.24.tgz",
@@ -23129,6 +23259,7 @@
       "devDependencies": {
         "@types/lodash-es": "^4.14.182",
         "@vitejs/plugin-react": "^1.0.7",
+        "rollup-plugin-copy": "^3.5.0",
         "vite": "^2.9.16",
         "vite-plugin-replace": "0.1.1"
       }
@@ -27730,6 +27861,17 @@
         "magic-string": "^0.25.7"
       }
     },
+    "@rollup/plugin-terser": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-terser/-/plugin-terser-0.4.4.tgz",
+      "integrity": "sha512-XHeJC5Bgvs8LfukDwWZp7yeqin6ns8RTl2B9avbejt6tZqsqvVoWI7ZTQrcNsfKEDWBTnTxM8nMDkO2IFFbd0A==",
+      "dev": true,
+      "requires": {
+        "serialize-javascript": "^6.0.1",
+        "smob": "^1.0.0",
+        "terser": "^5.17.4"
+      }
+    },
     "@rollup/pluginutils": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz",
@@ -28173,6 +28315,25 @@
         "@types/range-parser": "*"
       }
     },
+    "@types/fs-extra": {
+      "version": "8.1.5",
+      "resolved": "https://registry.npmjs.org/@types/fs-extra/-/fs-extra-8.1.5.tgz",
+      "integrity": "sha512-0dzKcwO+S8s2kuF5Z9oUWatQJj5Uq/iqphEtE3GQJVRRYm/tD1LglU2UnXi2A8jLq5umkGouOXOR9y0n613ZwQ==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/glob": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.2.0.tgz",
+      "integrity": "sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA==",
+      "dev": true,
+      "requires": {
+        "@types/minimatch": "*",
+        "@types/node": "*"
+      }
+    },
     "@types/graceful-fs": {
       "version": "4.1.6",
       "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.6.tgz",
@@ -28314,6 +28475,12 @@
       "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.2.tgz",
       "integrity": "sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw=="
     },
+    "@types/minimatch": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-5.1.2.tgz",
+      "integrity": "sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA==",
+      "dev": true
+    },
     "@types/node": {
       "version": "17.0.45",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.45.tgz",
@@ -35716,6 +35883,7 @@
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-error-boundary": "^3.1.4",
+        "rollup-plugin-copy": "^3.5.0",
         "vite": "^2.9.16",
         "vite-plugin-replace": "0.1.1",
         "y-websocket": ">=1.3.x",
@@ -38616,6 +38784,69 @@
         "fsevents": "~2.3.2"
       }
     },
+    "rollup-plugin-copy": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-copy/-/rollup-plugin-copy-3.5.0.tgz",
+      "integrity": "sha512-wI8D5dvYovRMx/YYKtUNt3Yxaw4ORC9xo6Gt9t22kveWz1enG9QrhVlagzwrxSC455xD1dHMKhIJkbsQ7d48BA==",
+      "dev": true,
+      "requires": {
+        "@types/fs-extra": "^8.0.1",
+        "colorette": "^1.1.0",
+        "fs-extra": "^8.1.0",
+        "globby": "10.0.1",
+        "is-plain-object": "^3.0.0"
+      },
+      "dependencies": {
+        "fs-extra": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+          "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^4.0.0",
+            "universalify": "^0.1.0"
+          }
+        },
+        "globby": {
+          "version": "10.0.1",
+          "resolved": "https://registry.npmjs.org/globby/-/globby-10.0.1.tgz",
+          "integrity": "sha512-sSs4inE1FB2YQiymcmTv6NWENryABjUNPeWhOvmn4SjtKybglsyPZxFB3U1/+L1bYi0rNZDqCLlHyLYDl1Pq5A==",
+          "dev": true,
+          "requires": {
+            "@types/glob": "^7.1.1",
+            "array-union": "^2.1.0",
+            "dir-glob": "^3.0.1",
+            "fast-glob": "^3.0.3",
+            "glob": "^7.1.3",
+            "ignore": "^5.1.1",
+            "merge2": "^1.2.3",
+            "slash": "^3.0.0"
+          }
+        },
+        "is-plain-object": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-3.0.1.tgz",
+          "integrity": "sha512-Xnpx182SBMrr/aBik8y+GuR4U1L9FqMSojwDQwPMmxyC6bvEqly9UBCxhauBF5vNh2gwWJNX6oDV7O+OM4z34g==",
+          "dev": true
+        },
+        "jsonfile": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+          "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.6"
+          }
+        },
+        "universalify": {
+          "version": "0.1.2",
+          "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+          "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+          "dev": true
+        }
+      }
+    },
     "rrweb-cssom": {
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz",
@@ -39130,6 +39361,12 @@
         }
       }
     },
+    "smob": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/smob/-/smob-1.4.1.tgz",
+      "integrity": "sha512-9LK+E7Hv5R9u4g4C3p+jjLstaLe11MDsL21UpYaCNmapvMkYhqCV4A/f/3gyH8QjMyh6l68q9xC85vihY9ahMQ==",
+      "dev": true
+    },
     "sockjs": {
       "version": "0.3.24",
       "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.24.tgz",
diff --git a/package.json b/package.json
index c4401b6825a..7a03464903c 100644
--- a/package.json
+++ b/package.json
@@ -112,6 +112,7 @@
     "@rollup/plugin-json": "^5.0.2",
     "@rollup/plugin-node-resolve": "^13.0.2",
     "@rollup/plugin-replace": "^3.0.0",
+    "@rollup/plugin-terser": "^0.4.4",
     "@size-limit/preset-big-lib": "^8.1.0",
     "@types/jest": "^29.4.0",
     "@types/jsdom": "^21.1.6",
diff --git a/packages/lexical-clipboard/package.json b/packages/lexical-clipboard/package.json
index ef5651bba8c..09ff00efbf9 100644
--- a/packages/lexical-clipboard/package.json
+++ b/packages/lexical-clipboard/package.json
@@ -24,5 +24,7 @@
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical-clipboard"
-  }
+  },
+  "module": "LexicalClipboard.esm.js",
+  "sideEffects": false
 }
diff --git a/packages/lexical-code/package.json b/packages/lexical-code/package.json
index 4460649c453..659527b8857 100644
--- a/packages/lexical-code/package.json
+++ b/packages/lexical-code/package.json
@@ -24,5 +24,7 @@
   },
   "devDependencies": {
     "@types/prismjs": "^1.26.0"
-  }
+  },
+  "module": "LexicalCode.esm.js",
+  "sideEffects": false
 }
diff --git a/packages/lexical-dragon/package.json b/packages/lexical-dragon/package.json
index 5cfb1bce5a5..8d1b2f6d368 100644
--- a/packages/lexical-dragon/package.json
+++ b/packages/lexical-dragon/package.json
@@ -18,5 +18,7 @@
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical-dragon"
-  }
+  },
+  "module": "LexicalDragon.esm.js",
+  "sideEffects": false
 }
diff --git a/packages/lexical-file/package.json b/packages/lexical-file/package.json
index da0becd795c..d107cea2f93 100644
--- a/packages/lexical-file/package.json
+++ b/packages/lexical-file/package.json
@@ -19,5 +19,7 @@
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical-file"
-  }
+  },
+  "module": "LexicalFile.esm.js",
+  "sideEffects": false
 }
diff --git a/packages/lexical-hashtag/package.json b/packages/lexical-hashtag/package.json
index 9a21e5095fc..6021e361704 100644
--- a/packages/lexical-hashtag/package.json
+++ b/packages/lexical-hashtag/package.json
@@ -20,5 +20,7 @@
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical-hashtag"
-  }
+  },
+  "module": "LexicalHashtag.esm.js",
+  "sideEffects": false
 }
diff --git a/packages/lexical-headless/package.json b/packages/lexical-headless/package.json
index 78f035a7ada..f699cdcfabd 100644
--- a/packages/lexical-headless/package.json
+++ b/packages/lexical-headless/package.json
@@ -17,5 +17,7 @@
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical-headless"
-  }
+  },
+  "module": "LexicalHeadless.esm.js",
+  "sideEffects": false
 }
diff --git a/packages/lexical-history/package.json b/packages/lexical-history/package.json
index efac7d6aabd..fb1170251f1 100644
--- a/packages/lexical-history/package.json
+++ b/packages/lexical-history/package.json
@@ -20,5 +20,7 @@
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical-history"
-  }
+  },
+  "module": "LexicalHistory.esm.js",
+  "sideEffects": false
 }
diff --git a/packages/lexical-html/package.json b/packages/lexical-html/package.json
index 871fcfe147f..e7674187758 100644
--- a/packages/lexical-html/package.json
+++ b/packages/lexical-html/package.json
@@ -21,5 +21,7 @@
   "dependencies": {
     "@lexical/selection": "0.13.1",
     "@lexical/utils": "0.13.1"
-  }
+  },
+  "module": "LexicalHtml.esm.js",
+  "sideEffects": false
 }
diff --git a/packages/lexical-link/package.json b/packages/lexical-link/package.json
index 01ec3726291..d894abe6335 100644
--- a/packages/lexical-link/package.json
+++ b/packages/lexical-link/package.json
@@ -20,5 +20,7 @@
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical-link"
-  }
+  },
+  "module": "LexicalLink.esm.js",
+  "sideEffects": false
 }
diff --git a/packages/lexical-list/package.json b/packages/lexical-list/package.json
index 78645a7f559..d1c91dfc581 100644
--- a/packages/lexical-list/package.json
+++ b/packages/lexical-list/package.json
@@ -20,5 +20,7 @@
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical-list"
-  }
+  },
+  "module": "LexicalList.esm.js",
+  "sideEffects": false
 }
diff --git a/packages/lexical-mark/package.json b/packages/lexical-mark/package.json
index 76cdabe22a5..1f48ad04976 100644
--- a/packages/lexical-mark/package.json
+++ b/packages/lexical-mark/package.json
@@ -20,5 +20,7 @@
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical-mark"
-  }
+  },
+  "module": "LexicalMark.esm.js",
+  "sideEffects": false
 }
diff --git a/packages/lexical-markdown/package.json b/packages/lexical-markdown/package.json
index 5f8206c05d6..6ef129348b0 100644
--- a/packages/lexical-markdown/package.json
+++ b/packages/lexical-markdown/package.json
@@ -25,5 +25,7 @@
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical-markdown"
-  }
+  },
+  "module": "LexicalMarkdown.esm.js",
+  "sideEffects": false
 }
diff --git a/packages/lexical-offset/package.json b/packages/lexical-offset/package.json
index 73168ec4b5f..022a1f03e7e 100644
--- a/packages/lexical-offset/package.json
+++ b/packages/lexical-offset/package.json
@@ -17,5 +17,7 @@
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical-offset"
-  }
+  },
+  "module": "LexicalOffset.esm.js",
+  "sideEffects": false
 }
diff --git a/packages/lexical-overflow/package.json b/packages/lexical-overflow/package.json
index 0d6e4e9a3f1..2da8c065c0d 100644
--- a/packages/lexical-overflow/package.json
+++ b/packages/lexical-overflow/package.json
@@ -17,5 +17,7 @@
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical-overflow"
-  }
+  },
+  "module": "LexicalOverflow.esm.js",
+  "sideEffects": false
 }
diff --git a/packages/lexical-plain-text/package.json b/packages/lexical-plain-text/package.json
index 8f513e14011..e18362ee881 100644
--- a/packages/lexical-plain-text/package.json
+++ b/packages/lexical-plain-text/package.json
@@ -19,5 +19,7 @@
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical-plain-text"
-  }
+  },
+  "module": "LexicalPlainText.esm.js",
+  "sideEffects": false
 }
diff --git a/packages/lexical-playground/esm/index.esm.js b/packages/lexical-playground/esm/index.esm.js
new file mode 100644
index 00000000000..b7b02270cd3
--- /dev/null
+++ b/packages/lexical-playground/esm/index.esm.js
@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import {registerDragonSupport} from '@lexical/dragon';
+import {createEmptyHistoryState, registerHistory} from '@lexical/history';
+import {HeadingNode, QuoteNode, registerRichText} from '@lexical/rich-text';
+import {mergeRegister} from '@lexical/utils';
+import {createEditor} from 'lexical';
+
+import prepopulatedRichText from './prepopulatedRichText.esm.js';
+
+const editorRef = document.getElementById('lexical-editor');
+const stateRef = document.getElementById('lexical-state');
+
+const initialConfig = {
+  namespace: 'Vanilla JS Demo',
+  // Register nodes specific for @lexical/rich-text
+  nodes: [HeadingNode, QuoteNode],
+  onError: (error) => {
+    throw error;
+  },
+  theme: {
+    // Adding styling to Quote node, see styles.css
+    quote: 'PlaygroundEditorTheme__quote',
+  },
+};
+const editor = createEditor(initialConfig);
+editor.setRootElement(editorRef);
+
+// Registering Plugins
+mergeRegister(
+  registerRichText(editor),
+  registerDragonSupport(editor),
+  registerHistory(editor, createEmptyHistoryState(), 300),
+);
+
+editor.update(prepopulatedRichText, {tag: 'history-merge'});
+
+editor.registerUpdateListener(({editorState}) => {
+  stateRef.value = JSON.stringify(editorState.toJSON(), undefined, 2);
+});
diff --git a/packages/lexical-playground/esm/index.html b/packages/lexical-playground/esm/index.html
new file mode 100644
index 00000000000..58cce82f2db
--- /dev/null
+++ b/packages/lexical-playground/esm/index.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="description" content="Lexical Basic - Vanilla JS with ESM" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+    <link rel="stylesheet" href="./styles.css" />
+    <title>Lexical Basic - Vanilla JS with ESM</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <h1>Lexical Basic - Vanilla JS with ESM</h1>
+    <div class="editor-wrapper">
+      <div id="lexical-editor" contenteditable></div>
+    </div>
+    <h4>Editor state:</h4>
+    <textarea id="lexical-state"></textarea>
+    <script type="importmap">
+      {
+        "imports": {
+          "lexical": "./dist/Lexical.esm.js",
+          "@lexical/clipboard": "./dist/LexicalClipboard.esm.js",
+          "@lexical/dragon": "./dist/LexicalDragon.esm.js",
+          "@lexical/history": "./dist/LexicalHistory.esm.js",
+          "@lexical/html": "./dist/LexicalHtml.esm.js",
+          "@lexical/rich-text": "./dist/LexicalRichText.esm.js",
+          "@lexical/selection": "./dist/LexicalSelection.esm.js",
+          "@lexical/utils": "./dist/LexicalUtils.esm.js"
+        }
+      }
+    </script>
+    <script type="module" src="./index.esm.js"></script>
+  </body>
+</html>
diff --git a/packages/lexical-playground/esm/prepopulatedRichText.esm.js b/packages/lexical-playground/esm/prepopulatedRichText.esm.js
new file mode 100644
index 00000000000..35b3e0e3870
--- /dev/null
+++ b/packages/lexical-playground/esm/prepopulatedRichText.esm.js
@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import {$createHeadingNode, $createQuoteNode} from '@lexical/rich-text';
+import {$createParagraphNode, $createTextNode, $getRoot} from 'lexical';
+
+export default function prepopulatedRichText() {
+  const root = $getRoot();
+  if (root.getFirstChild() !== null) {
+    return;
+  }
+
+  const heading = $createHeadingNode('h1');
+  heading.append($createTextNode('Welcome to the Vanilla JS Lexical Demo!'));
+  root.append(heading);
+  const quote = $createQuoteNode();
+  quote.append(
+    $createTextNode(
+      `In case you were wondering what the text area at the bottom is – it's the debug view, showing the current state of the editor. `,
+    ),
+  );
+  root.append(quote);
+  const paragraph = $createParagraphNode();
+  paragraph.append(
+    $createTextNode('This is a demo environment built with '),
+    $createTextNode('lexical').toggleFormat('code'),
+    $createTextNode('.'),
+    $createTextNode(' Try typing in '),
+    $createTextNode('some text').toggleFormat('bold'),
+    $createTextNode(' with '),
+    $createTextNode('different').toggleFormat('italic'),
+    $createTextNode(' formats.'),
+  );
+  root.append(paragraph);
+}
diff --git a/packages/lexical-playground/esm/styles.css b/packages/lexical-playground/esm/styles.css
new file mode 100644
index 00000000000..73636e09051
--- /dev/null
+++ b/packages/lexical-playground/esm/styles.css
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+.editor-wrapper {
+  border: 2px solid gray;
+}
+#lexical-state {
+  width: 100%;
+  height: 300px;
+}
+
+.PlaygroundEditorTheme__quote {
+  margin: 0;
+  margin-left: 20px;
+  margin-bottom: 10px;
+  font-size: 15px;
+  color: rgb(101, 103, 107);
+  border-left-color: rgb(206, 208, 212);
+  border-left-width: 4px;
+  border-left-style: solid;
+  padding-left: 16px;
+}
diff --git a/packages/lexical-playground/package.json b/packages/lexical-playground/package.json
index 69cd786554a..e23e756c3dd 100644
--- a/packages/lexical-playground/package.json
+++ b/packages/lexical-playground/package.json
@@ -38,7 +38,9 @@
   "devDependencies": {
     "@types/lodash-es": "^4.14.182",
     "@vitejs/plugin-react": "^1.0.7",
+    "rollup-plugin-copy": "^3.5.0",
     "vite": "^2.9.16",
     "vite-plugin-replace": "0.1.1"
-  }
+  },
+  "sideEffects": false
 }
diff --git a/packages/lexical-playground/vite.config.js b/packages/lexical-playground/vite.config.js
index c14fd8391ac..5de08e6f864 100644
--- a/packages/lexical-playground/vite.config.js
+++ b/packages/lexical-playground/vite.config.js
@@ -13,6 +13,7 @@ import path from 'path';
 import fs from 'fs';
 import {replaceCodePlugin} from 'vite-plugin-replace';
 import babel from '@rollup/plugin-babel';
+import copy from 'rollup-plugin-copy';
 
 const moduleResolution = [
   {
@@ -199,6 +200,24 @@ export default defineConfig({
       presets: ['@babel/preset-react'],
     }),
     react(),
+    copy({
+      hook: 'writeBundle',
+      verbose: true,
+      targets: [
+        {src: './esm/*', dest: './build/esm/'},
+        {src: ['./*.png', './*.ico'], dest: './build/'},
+        ...((() => {
+          const m = /<script type="importmap">([\s\S]+?)<\/script>/g.exec(fs.readFileSync('./esm/index.html', 'utf8'));
+          if (!m) {
+            throw new Error('Could not parse importmap from esm/index.html');
+          }
+          return Object.entries(JSON.parse(m[1]).imports).map(([k, v]) => ({
+            src: path.join(`../${k.replace(/^@/, '').replace(/\//g, '-')}`, v),
+            dest: './build/esm/dist/',
+          }));
+        })()),
+      ],
+    }),
   ],
   resolve: {
     alias: moduleResolution,
diff --git a/packages/lexical-playground/vite.prod.config.js b/packages/lexical-playground/vite.prod.config.js
index adc0d70456d..71c326972ff 100644
--- a/packages/lexical-playground/vite.prod.config.js
+++ b/packages/lexical-playground/vite.prod.config.js
@@ -13,6 +13,7 @@ import path from 'path';
 import fs from 'fs';
 import {replaceCodePlugin} from 'vite-plugin-replace';
 import babel from '@rollup/plugin-babel';
+import copy from 'rollup-plugin-copy';
 
 const moduleResolution = [
   {
@@ -182,6 +183,24 @@ export default defineConfig({
       presets: ['@babel/preset-react'],
     }),
     react(),
+    copy({
+      hook: 'writeBundle',
+      verbose: true,
+      targets: [
+        {src: './esm/*', dest: './build/esm/'},
+        {src: ['./*.png', './*.ico'], dest: './build/'},
+        ...((() => {
+          const m = /<script type="importmap">([\s\S]+?)<\/script>/g.exec(fs.readFileSync('./esm/index.html', 'utf8'));
+          if (!m) {
+            throw new Error('Could not parse importmap from esm/index.html');
+          }
+          return Object.entries(JSON.parse(m[1]).imports).map(([k, v]) => ({
+            src: path.join(`../${k.replace(/^@/, '').replace(/\//g, '-')}`, v),
+            dest: './build/esm/dist/',
+          }));
+        })()),
+      ],
+    }),
   ],
   resolve: {
     alias: moduleResolution,
diff --git a/packages/lexical-react/package.json b/packages/lexical-react/package.json
index f7dd212608a..c68570e7418 100644
--- a/packages/lexical-react/package.json
+++ b/packages/lexical-react/package.json
@@ -38,5 +38,568 @@
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical-react"
-  }
+  },
+  "exports": {
+    "./LexicalAutoEmbedPlugin": {
+      "import": {
+        "default": "./LexicalAutoEmbedPlugin.esm.js",
+        "types": "./LexicalAutoEmbedPlugin.d.ts"
+      },
+      "require": "./LexicalAutoEmbedPlugin.js"
+    },
+    "./LexicalAutoEmbedPlugin.js": {
+      "import": {
+        "default": "./LexicalAutoEmbedPlugin.esm.js",
+        "types": "./LexicalAutoEmbedPlugin.d.ts"
+      },
+      "require": "./LexicalAutoEmbedPlugin.js"
+    },
+    "./LexicalAutoFocusPlugin": {
+      "import": {
+        "default": "./LexicalAutoFocusPlugin.esm.js",
+        "types": "./LexicalAutoFocusPlugin.d.ts"
+      },
+      "require": "./LexicalAutoFocusPlugin.js"
+    },
+    "./LexicalAutoFocusPlugin.js": {
+      "import": {
+        "default": "./LexicalAutoFocusPlugin.esm.js",
+        "types": "./LexicalAutoFocusPlugin.d.ts"
+      },
+      "require": "./LexicalAutoFocusPlugin.js"
+    },
+    "./LexicalAutoLinkPlugin": {
+      "import": {
+        "default": "./LexicalAutoLinkPlugin.esm.js",
+        "types": "./LexicalAutoLinkPlugin.d.ts"
+      },
+      "require": "./LexicalAutoLinkPlugin.js"
+    },
+    "./LexicalAutoLinkPlugin.js": {
+      "import": {
+        "default": "./LexicalAutoLinkPlugin.esm.js",
+        "types": "./LexicalAutoLinkPlugin.d.ts"
+      },
+      "require": "./LexicalAutoLinkPlugin.js"
+    },
+    "./LexicalBlockWithAlignableContents": {
+      "import": {
+        "default": "./LexicalBlockWithAlignableContents.esm.js",
+        "types": "./LexicalBlockWithAlignableContents.d.ts"
+      },
+      "require": "./LexicalBlockWithAlignableContents.js"
+    },
+    "./LexicalBlockWithAlignableContents.js": {
+      "import": {
+        "default": "./LexicalBlockWithAlignableContents.esm.js",
+        "types": "./LexicalBlockWithAlignableContents.d.ts"
+      },
+      "require": "./LexicalBlockWithAlignableContents.js"
+    },
+    "./LexicalCharacterLimitPlugin": {
+      "import": {
+        "default": "./LexicalCharacterLimitPlugin.esm.js",
+        "types": "./LexicalCharacterLimitPlugin.d.ts"
+      },
+      "require": "./LexicalCharacterLimitPlugin.js"
+    },
+    "./LexicalCharacterLimitPlugin.js": {
+      "import": {
+        "default": "./LexicalCharacterLimitPlugin.esm.js",
+        "types": "./LexicalCharacterLimitPlugin.d.ts"
+      },
+      "require": "./LexicalCharacterLimitPlugin.js"
+    },
+    "./LexicalCheckListPlugin": {
+      "import": {
+        "default": "./LexicalCheckListPlugin.esm.js",
+        "types": "./LexicalCheckListPlugin.d.ts"
+      },
+      "require": "./LexicalCheckListPlugin.js"
+    },
+    "./LexicalCheckListPlugin.js": {
+      "import": {
+        "default": "./LexicalCheckListPlugin.esm.js",
+        "types": "./LexicalCheckListPlugin.d.ts"
+      },
+      "require": "./LexicalCheckListPlugin.js"
+    },
+    "./LexicalClearEditorPlugin": {
+      "import": {
+        "default": "./LexicalClearEditorPlugin.esm.js",
+        "types": "./LexicalClearEditorPlugin.d.ts"
+      },
+      "require": "./LexicalClearEditorPlugin.js"
+    },
+    "./LexicalClearEditorPlugin.js": {
+      "import": {
+        "default": "./LexicalClearEditorPlugin.esm.js",
+        "types": "./LexicalClearEditorPlugin.d.ts"
+      },
+      "require": "./LexicalClearEditorPlugin.js"
+    },
+    "./LexicalClickableLinkPlugin": {
+      "import": {
+        "default": "./LexicalClickableLinkPlugin.esm.js",
+        "types": "./LexicalClickableLinkPlugin.d.ts"
+      },
+      "require": "./LexicalClickableLinkPlugin.js"
+    },
+    "./LexicalClickableLinkPlugin.js": {
+      "import": {
+        "default": "./LexicalClickableLinkPlugin.esm.js",
+        "types": "./LexicalClickableLinkPlugin.d.ts"
+      },
+      "require": "./LexicalClickableLinkPlugin.js"
+    },
+    "./LexicalCollaborationContext": {
+      "import": {
+        "default": "./LexicalCollaborationContext.esm.js",
+        "types": "./LexicalCollaborationContext.d.ts"
+      },
+      "require": "./LexicalCollaborationContext.js"
+    },
+    "./LexicalCollaborationContext.js": {
+      "import": {
+        "default": "./LexicalCollaborationContext.esm.js",
+        "types": "./LexicalCollaborationContext.d.ts"
+      },
+      "require": "./LexicalCollaborationContext.js"
+    },
+    "./LexicalCollaborationPlugin": {
+      "import": {
+        "default": "./LexicalCollaborationPlugin.esm.js",
+        "types": "./LexicalCollaborationPlugin.d.ts"
+      },
+      "require": "./LexicalCollaborationPlugin.js"
+    },
+    "./LexicalCollaborationPlugin.js": {
+      "import": {
+        "default": "./LexicalCollaborationPlugin.esm.js",
+        "types": "./LexicalCollaborationPlugin.d.ts"
+      },
+      "require": "./LexicalCollaborationPlugin.js"
+    },
+    "./LexicalComposer": {
+      "import": {
+        "default": "./LexicalComposer.esm.js",
+        "types": "./LexicalComposer.d.ts"
+      },
+      "require": "./LexicalComposer.js"
+    },
+    "./LexicalComposer.js": {
+      "import": {
+        "default": "./LexicalComposer.esm.js",
+        "types": "./LexicalComposer.d.ts"
+      },
+      "require": "./LexicalComposer.js"
+    },
+    "./LexicalComposerContext": {
+      "import": {
+        "default": "./LexicalComposerContext.esm.js",
+        "types": "./LexicalComposerContext.d.ts"
+      },
+      "require": "./LexicalComposerContext.js"
+    },
+    "./LexicalComposerContext.js": {
+      "import": {
+        "default": "./LexicalComposerContext.esm.js",
+        "types": "./LexicalComposerContext.d.ts"
+      },
+      "require": "./LexicalComposerContext.js"
+    },
+    "./LexicalContentEditable": {
+      "import": {
+        "default": "./LexicalContentEditable.esm.js",
+        "types": "./LexicalContentEditable.d.ts"
+      },
+      "require": "./LexicalContentEditable.js"
+    },
+    "./LexicalContentEditable.js": {
+      "import": {
+        "default": "./LexicalContentEditable.esm.js",
+        "types": "./LexicalContentEditable.d.ts"
+      },
+      "require": "./LexicalContentEditable.js"
+    },
+    "./LexicalContextMenuPlugin": {
+      "import": {
+        "default": "./LexicalContextMenuPlugin.esm.js",
+        "types": "./LexicalContextMenuPlugin.d.ts"
+      },
+      "require": "./LexicalContextMenuPlugin.js"
+    },
+    "./LexicalContextMenuPlugin.js": {
+      "import": {
+        "default": "./LexicalContextMenuPlugin.esm.js",
+        "types": "./LexicalContextMenuPlugin.d.ts"
+      },
+      "require": "./LexicalContextMenuPlugin.js"
+    },
+    "./LexicalDecoratorBlockNode": {
+      "import": {
+        "default": "./LexicalDecoratorBlockNode.esm.js",
+        "types": "./LexicalDecoratorBlockNode.d.ts"
+      },
+      "require": "./LexicalDecoratorBlockNode.js"
+    },
+    "./LexicalDecoratorBlockNode.js": {
+      "import": {
+        "default": "./LexicalDecoratorBlockNode.esm.js",
+        "types": "./LexicalDecoratorBlockNode.d.ts"
+      },
+      "require": "./LexicalDecoratorBlockNode.js"
+    },
+    "./LexicalEditorRefPlugin": {
+      "import": {
+        "default": "./LexicalEditorRefPlugin.esm.js",
+        "types": "./LexicalEditorRefPlugin.d.ts"
+      },
+      "require": "./LexicalEditorRefPlugin.js"
+    },
+    "./LexicalEditorRefPlugin.js": {
+      "import": {
+        "default": "./LexicalEditorRefPlugin.esm.js",
+        "types": "./LexicalEditorRefPlugin.d.ts"
+      },
+      "require": "./LexicalEditorRefPlugin.js"
+    },
+    "./LexicalErrorBoundary": {
+      "import": {
+        "default": "./LexicalErrorBoundary.esm.js",
+        "types": "./LexicalErrorBoundary.d.ts"
+      },
+      "require": "./LexicalErrorBoundary.js"
+    },
+    "./LexicalErrorBoundary.js": {
+      "import": {
+        "default": "./LexicalErrorBoundary.esm.js",
+        "types": "./LexicalErrorBoundary.d.ts"
+      },
+      "require": "./LexicalErrorBoundary.js"
+    },
+    "./LexicalHashtagPlugin": {
+      "import": {
+        "default": "./LexicalHashtagPlugin.esm.js",
+        "types": "./LexicalHashtagPlugin.d.ts"
+      },
+      "require": "./LexicalHashtagPlugin.js"
+    },
+    "./LexicalHashtagPlugin.js": {
+      "import": {
+        "default": "./LexicalHashtagPlugin.esm.js",
+        "types": "./LexicalHashtagPlugin.d.ts"
+      },
+      "require": "./LexicalHashtagPlugin.js"
+    },
+    "./LexicalHistoryPlugin": {
+      "import": {
+        "default": "./LexicalHistoryPlugin.esm.js",
+        "types": "./LexicalHistoryPlugin.d.ts"
+      },
+      "require": "./LexicalHistoryPlugin.js"
+    },
+    "./LexicalHistoryPlugin.js": {
+      "import": {
+        "default": "./LexicalHistoryPlugin.esm.js",
+        "types": "./LexicalHistoryPlugin.d.ts"
+      },
+      "require": "./LexicalHistoryPlugin.js"
+    },
+    "./LexicalHorizontalRuleNode": {
+      "import": {
+        "default": "./LexicalHorizontalRuleNode.esm.js",
+        "types": "./LexicalHorizontalRuleNode.d.ts"
+      },
+      "require": "./LexicalHorizontalRuleNode.js"
+    },
+    "./LexicalHorizontalRuleNode.js": {
+      "import": {
+        "default": "./LexicalHorizontalRuleNode.esm.js",
+        "types": "./LexicalHorizontalRuleNode.d.ts"
+      },
+      "require": "./LexicalHorizontalRuleNode.js"
+    },
+    "./LexicalHorizontalRulePlugin": {
+      "import": {
+        "default": "./LexicalHorizontalRulePlugin.esm.js",
+        "types": "./LexicalHorizontalRulePlugin.d.ts"
+      },
+      "require": "./LexicalHorizontalRulePlugin.js"
+    },
+    "./LexicalHorizontalRulePlugin.js": {
+      "import": {
+        "default": "./LexicalHorizontalRulePlugin.esm.js",
+        "types": "./LexicalHorizontalRulePlugin.d.ts"
+      },
+      "require": "./LexicalHorizontalRulePlugin.js"
+    },
+    "./LexicalLinkPlugin": {
+      "import": {
+        "default": "./LexicalLinkPlugin.esm.js",
+        "types": "./LexicalLinkPlugin.d.ts"
+      },
+      "require": "./LexicalLinkPlugin.js"
+    },
+    "./LexicalLinkPlugin.js": {
+      "import": {
+        "default": "./LexicalLinkPlugin.esm.js",
+        "types": "./LexicalLinkPlugin.d.ts"
+      },
+      "require": "./LexicalLinkPlugin.js"
+    },
+    "./LexicalListPlugin": {
+      "import": {
+        "default": "./LexicalListPlugin.esm.js",
+        "types": "./LexicalListPlugin.d.ts"
+      },
+      "require": "./LexicalListPlugin.js"
+    },
+    "./LexicalListPlugin.js": {
+      "import": {
+        "default": "./LexicalListPlugin.esm.js",
+        "types": "./LexicalListPlugin.d.ts"
+      },
+      "require": "./LexicalListPlugin.js"
+    },
+    "./LexicalMarkdownShortcutPlugin": {
+      "import": {
+        "default": "./LexicalMarkdownShortcutPlugin.esm.js",
+        "types": "./LexicalMarkdownShortcutPlugin.d.ts"
+      },
+      "require": "./LexicalMarkdownShortcutPlugin.js"
+    },
+    "./LexicalMarkdownShortcutPlugin.js": {
+      "import": {
+        "default": "./LexicalMarkdownShortcutPlugin.esm.js",
+        "types": "./LexicalMarkdownShortcutPlugin.d.ts"
+      },
+      "require": "./LexicalMarkdownShortcutPlugin.js"
+    },
+    "./LexicalNestedComposer": {
+      "import": {
+        "default": "./LexicalNestedComposer.esm.js",
+        "types": "./LexicalNestedComposer.d.ts"
+      },
+      "require": "./LexicalNestedComposer.js"
+    },
+    "./LexicalNestedComposer.js": {
+      "import": {
+        "default": "./LexicalNestedComposer.esm.js",
+        "types": "./LexicalNestedComposer.d.ts"
+      },
+      "require": "./LexicalNestedComposer.js"
+    },
+    "./LexicalNodeEventPlugin": {
+      "import": {
+        "default": "./LexicalNodeEventPlugin.esm.js",
+        "types": "./LexicalNodeEventPlugin.d.ts"
+      },
+      "require": "./LexicalNodeEventPlugin.js"
+    },
+    "./LexicalNodeEventPlugin.js": {
+      "import": {
+        "default": "./LexicalNodeEventPlugin.esm.js",
+        "types": "./LexicalNodeEventPlugin.d.ts"
+      },
+      "require": "./LexicalNodeEventPlugin.js"
+    },
+    "./LexicalNodeMenuPlugin": {
+      "import": {
+        "default": "./LexicalNodeMenuPlugin.esm.js",
+        "types": "./LexicalNodeMenuPlugin.d.ts"
+      },
+      "require": "./LexicalNodeMenuPlugin.js"
+    },
+    "./LexicalNodeMenuPlugin.js": {
+      "import": {
+        "default": "./LexicalNodeMenuPlugin.esm.js",
+        "types": "./LexicalNodeMenuPlugin.d.ts"
+      },
+      "require": "./LexicalNodeMenuPlugin.js"
+    },
+    "./LexicalOnChangePlugin": {
+      "import": {
+        "default": "./LexicalOnChangePlugin.esm.js",
+        "types": "./LexicalOnChangePlugin.d.ts"
+      },
+      "require": "./LexicalOnChangePlugin.js"
+    },
+    "./LexicalOnChangePlugin.js": {
+      "import": {
+        "default": "./LexicalOnChangePlugin.esm.js",
+        "types": "./LexicalOnChangePlugin.d.ts"
+      },
+      "require": "./LexicalOnChangePlugin.js"
+    },
+    "./LexicalPlainTextPlugin": {
+      "import": {
+        "default": "./LexicalPlainTextPlugin.esm.js",
+        "types": "./LexicalPlainTextPlugin.d.ts"
+      },
+      "require": "./LexicalPlainTextPlugin.js"
+    },
+    "./LexicalPlainTextPlugin.js": {
+      "import": {
+        "default": "./LexicalPlainTextPlugin.esm.js",
+        "types": "./LexicalPlainTextPlugin.d.ts"
+      },
+      "require": "./LexicalPlainTextPlugin.js"
+    },
+    "./LexicalRichTextPlugin": {
+      "import": {
+        "default": "./LexicalRichTextPlugin.esm.js",
+        "types": "./LexicalRichTextPlugin.d.ts"
+      },
+      "require": "./LexicalRichTextPlugin.js"
+    },
+    "./LexicalRichTextPlugin.js": {
+      "import": {
+        "default": "./LexicalRichTextPlugin.esm.js",
+        "types": "./LexicalRichTextPlugin.d.ts"
+      },
+      "require": "./LexicalRichTextPlugin.js"
+    },
+    "./LexicalTabIndentationPlugin": {
+      "import": {
+        "default": "./LexicalTabIndentationPlugin.esm.js",
+        "types": "./LexicalTabIndentationPlugin.d.ts"
+      },
+      "require": "./LexicalTabIndentationPlugin.js"
+    },
+    "./LexicalTabIndentationPlugin.js": {
+      "import": {
+        "default": "./LexicalTabIndentationPlugin.esm.js",
+        "types": "./LexicalTabIndentationPlugin.d.ts"
+      },
+      "require": "./LexicalTabIndentationPlugin.js"
+    },
+    "./LexicalTableOfContents": {
+      "import": {
+        "default": "./LexicalTableOfContents.esm.js",
+        "types": "./LexicalTableOfContents.d.ts"
+      },
+      "require": "./LexicalTableOfContents.js"
+    },
+    "./LexicalTableOfContents.js": {
+      "import": {
+        "default": "./LexicalTableOfContents.esm.js",
+        "types": "./LexicalTableOfContents.d.ts"
+      },
+      "require": "./LexicalTableOfContents.js"
+    },
+    "./LexicalTablePlugin": {
+      "import": {
+        "default": "./LexicalTablePlugin.esm.js",
+        "types": "./LexicalTablePlugin.d.ts"
+      },
+      "require": "./LexicalTablePlugin.js"
+    },
+    "./LexicalTablePlugin.js": {
+      "import": {
+        "default": "./LexicalTablePlugin.esm.js",
+        "types": "./LexicalTablePlugin.d.ts"
+      },
+      "require": "./LexicalTablePlugin.js"
+    },
+    "./LexicalTreeView": {
+      "import": {
+        "default": "./LexicalTreeView.esm.js",
+        "types": "./LexicalTreeView.d.ts"
+      },
+      "require": "./LexicalTreeView.js"
+    },
+    "./LexicalTreeView.js": {
+      "import": {
+        "default": "./LexicalTreeView.esm.js",
+        "types": "./LexicalTreeView.d.ts"
+      },
+      "require": "./LexicalTreeView.js"
+    },
+    "./LexicalTypeaheadMenuPlugin": {
+      "import": {
+        "default": "./LexicalTypeaheadMenuPlugin.esm.js",
+        "types": "./LexicalTypeaheadMenuPlugin.d.ts"
+      },
+      "require": "./LexicalTypeaheadMenuPlugin.js"
+    },
+    "./LexicalTypeaheadMenuPlugin.js": {
+      "import": {
+        "default": "./LexicalTypeaheadMenuPlugin.esm.js",
+        "types": "./LexicalTypeaheadMenuPlugin.d.ts"
+      },
+      "require": "./LexicalTypeaheadMenuPlugin.js"
+    },
+    "./useLexicalEditable": {
+      "import": {
+        "default": "./useLexicalEditable.esm.js",
+        "types": "./useLexicalEditable.d.ts"
+      },
+      "require": "./useLexicalEditable.js"
+    },
+    "./useLexicalEditable.js": {
+      "import": {
+        "default": "./useLexicalEditable.esm.js",
+        "types": "./useLexicalEditable.d.ts"
+      },
+      "require": "./useLexicalEditable.js"
+    },
+    "./useLexicalIsTextContentEmpty": {
+      "import": {
+        "default": "./useLexicalIsTextContentEmpty.esm.js",
+        "types": "./useLexicalIsTextContentEmpty.d.ts"
+      },
+      "require": "./useLexicalIsTextContentEmpty.js"
+    },
+    "./useLexicalIsTextContentEmpty.js": {
+      "import": {
+        "default": "./useLexicalIsTextContentEmpty.esm.js",
+        "types": "./useLexicalIsTextContentEmpty.d.ts"
+      },
+      "require": "./useLexicalIsTextContentEmpty.js"
+    },
+    "./useLexicalNodeSelection": {
+      "import": {
+        "default": "./useLexicalNodeSelection.esm.js",
+        "types": "./useLexicalNodeSelection.d.ts"
+      },
+      "require": "./useLexicalNodeSelection.js"
+    },
+    "./useLexicalNodeSelection.js": {
+      "import": {
+        "default": "./useLexicalNodeSelection.esm.js",
+        "types": "./useLexicalNodeSelection.d.ts"
+      },
+      "require": "./useLexicalNodeSelection.js"
+    },
+    "./useLexicalSubscription": {
+      "import": {
+        "default": "./useLexicalSubscription.esm.js",
+        "types": "./useLexicalSubscription.d.ts"
+      },
+      "require": "./useLexicalSubscription.js"
+    },
+    "./useLexicalSubscription.js": {
+      "import": {
+        "default": "./useLexicalSubscription.esm.js",
+        "types": "./useLexicalSubscription.d.ts"
+      },
+      "require": "./useLexicalSubscription.js"
+    },
+    "./useLexicalTextEntity": {
+      "import": {
+        "default": "./useLexicalTextEntity.esm.js",
+        "types": "./useLexicalTextEntity.d.ts"
+      },
+      "require": "./useLexicalTextEntity.js"
+    },
+    "./useLexicalTextEntity.js": {
+      "import": {
+        "default": "./useLexicalTextEntity.esm.js",
+        "types": "./useLexicalTextEntity.d.ts"
+      },
+      "require": "./useLexicalTextEntity.js"
+    }
+  },
+  "sideEffects": false
 }
diff --git a/packages/lexical-rich-text/package.json b/packages/lexical-rich-text/package.json
index a1cc91af0fd..4af03c75020 100644
--- a/packages/lexical-rich-text/package.json
+++ b/packages/lexical-rich-text/package.json
@@ -19,5 +19,7 @@
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical-rich-text"
-  }
+  },
+  "module": "LexicalRichText.esm.js",
+  "sideEffects": false
 }
diff --git a/packages/lexical-selection/package.json b/packages/lexical-selection/package.json
index 5241370ef5e..2974dc8a604 100644
--- a/packages/lexical-selection/package.json
+++ b/packages/lexical-selection/package.json
@@ -18,5 +18,7 @@
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical-selection"
-  }
+  },
+  "module": "LexicalSelection.esm.js",
+  "sideEffects": false
 }
diff --git a/packages/lexical-table/package.json b/packages/lexical-table/package.json
index a0c64a9c631..7fad1867dcb 100644
--- a/packages/lexical-table/package.json
+++ b/packages/lexical-table/package.json
@@ -20,5 +20,7 @@
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical-table"
-  }
+  },
+  "module": "LexicalTable.esm.js",
+  "sideEffects": false
 }
diff --git a/packages/lexical-text/package.json b/packages/lexical-text/package.json
index 45b946b63d3..f9797d5cb0c 100644
--- a/packages/lexical-text/package.json
+++ b/packages/lexical-text/package.json
@@ -18,5 +18,7 @@
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical-text"
-  }
+  },
+  "module": "LexicalText.esm.js",
+  "sideEffects": false
 }
diff --git a/packages/lexical-utils/package.json b/packages/lexical-utils/package.json
index c341d72cbaa..9e2e2729c57 100644
--- a/packages/lexical-utils/package.json
+++ b/packages/lexical-utils/package.json
@@ -22,5 +22,7 @@
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical-utils"
-  }
+  },
+  "module": "LexicalUtils.esm.js",
+  "sideEffects": false
 }
diff --git a/packages/lexical-yjs/package.json b/packages/lexical-yjs/package.json
index 2461557724b..8d1eab9540f 100644
--- a/packages/lexical-yjs/package.json
+++ b/packages/lexical-yjs/package.json
@@ -24,5 +24,7 @@
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical-yjs"
-  }
+  },
+  "module": "LexicalYjs.esm.js",
+  "sideEffects": false
 }
diff --git a/packages/lexical/package.json b/packages/lexical/package.json
index 0366208d42e..9d8c2a0e6ab 100644
--- a/packages/lexical/package.json
+++ b/packages/lexical/package.json
@@ -15,5 +15,7 @@
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/lexical"
-  }
+  },
+  "module": "Lexical.esm.js",
+  "sideEffects": false
 }
diff --git a/packages/shared/package.json b/packages/shared/package.json
index 7598e110829..e1fa00ff207 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -16,5 +16,6 @@
     "type": "git",
     "url": "https://github.com/facebook/lexical",
     "directory": "packages/shared"
-  }
+  },
+  "sideEffects": false
 }
diff --git a/scripts/build.js b/scripts/build.js
index 8bbd61742e1..c8ac2c8b426 100644
--- a/scripts/build.js
+++ b/scripts/build.js
@@ -20,6 +20,7 @@ const json = require('@rollup/plugin-json');
 const extractErrorCodes = require('./error-codes/extract-errors');
 const alias = require('@rollup/plugin-alias');
 const compiler = require('@ampproject/rollup-plugin-closure-compiler');
+const terser = require('@rollup/plugin-terser');
 const {exec} = require('child-process-promise');
 
 const license = ` * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -147,7 +148,12 @@ Object.keys(wwwMappings).forEach((mapping) => {
   strictWWWMappings[`'${mapping}'`] = `'${wwwMappings[mapping]}'`;
 });
 
-async function build(name, inputFile, outputPath, outputFile, isProd) {
+function getExtension(format) {
+  return `${format === 'esm' ? '.esm' : ''}.js`;
+}
+
+async function build(name, inputFile, outputPath, outputFile, isProd, format) {
+  const extensions = ['.js', '.jsx', '.ts', '.tsx'];
   const inputOptions = {
     external(modulePath, src) {
       return externals.includes(modulePath);
@@ -161,6 +167,11 @@ async function build(name, inputFile, outputPath, outputFile, isProd) {
         console.error();
         console.error(warning.message || warning);
         console.error();
+      } else if (
+        warning.code === 'SOURCEMAP_ERROR' &&
+        warning.message.endsWith(`Can't resolve original location of error.`)
+      ) {
+        // Ignored
       } else if (typeof warning.code === 'string') {
         console.error(warning);
         // This is a warning coming from Rollup itself.
@@ -191,14 +202,14 @@ async function build(name, inputFile, outputPath, outputFile, isProd) {
         },
       },
       nodeResolve({
-        extensions: ['.js', '.jsx', '.ts', '.tsx'],
+        extensions,
       }),
       babel({
         babelHelpers: 'bundled',
         babelrc: false,
         configFile: false,
         exclude: '/**/node_modules/**',
-        extensions: ['.js', '.jsx', '.ts', '.tsx'],
+        extensions,
         plugins: [
           [
             require('./error-codes/transform-error-messages'),
@@ -237,7 +248,13 @@ async function build(name, inputFile, outputPath, outputFile, isProd) {
           isWWW && strictWWWMappings,
         ),
       ),
-      isProd && compiler(closureOptions),
+      // terser is used for esm builds because
+      // @ampproject/rollup-plugin-closure-compiler doesn't compile
+      // `export default function X()` correctly
+      isProd &&
+        (format === 'esm'
+          ? terser({ecma: 2019, module: true})
+          : compiler(closureOptions)),
       {
         renderChunk(source) {
           // Assets pipeline might use "export" word in the beginning of the line
@@ -257,12 +274,13 @@ async function build(name, inputFile, outputPath, outputFile, isProd) {
     exports: 'auto',
     externalLiveBindings: false,
     file: outputFile,
-    format: 'cjs', // change between es and cjs modules
+    format, // change between es and cjs modules
     freeze: false,
-    interop: false,
+    interop: format === 'esm' ? 'esModule' : false,
   };
   const result = await rollup.rollup(inputOptions);
-  await result.write(outputOptions);
+  const {output} = await result.write(outputOptions);
+  return output[0].exports;
 }
 
 function getComment() {
@@ -284,11 +302,12 @@ function getComment() {
   return lines.join('\n');
 }
 
-function getFileName(fileName, isProd) {
+function getFileName(fileName, isProd, format) {
+  const extension = getExtension(format);
   if (isWWW || isRelease) {
-    return `${fileName}.${isProd ? 'prod' : 'dev'}.js`;
+    return `${fileName}.${isProd ? 'prod' : 'dev'}${extension}`;
   }
-  return `${fileName}.js`;
+  return `${fileName}${extension}`;
 }
 
 const packages = [
@@ -593,16 +612,34 @@ async function moveTSDeclarationFilesIntoDist(packageName, outputPath) {
   await fs.copy(`./.ts-temp/${packageName}/src`, outputPath);
 }
 
-function buildForkModule(outputPath, outputFileName) {
-  const lines = [
-    getComment(),
-    `'use strict'`,
-    `const ${outputFileName} = process.env.NODE_ENV === 'development' ? require('./${outputFileName}.dev.js') : require('./${outputFileName}.prod.js')`,
-    `module.exports = ${outputFileName};`,
-  ];
+function buildForkModule(outputPath, outputFileName, format, exports) {
+  const lines = [getComment()];
+  const extension = getExtension(format);
+  const devFileName = `./${outputFileName}.dev${extension}`;
+  const prodFileName = `./${outputFileName}.prod${extension}`;
+  if (format === 'esm') {
+    lines.push(
+      `import * as modDev from '${devFileName}';`,
+      `import * as modProd from '${prodFileName}';`,
+      `const mod = process.env.NODE_ENV === 'development' ? modDev : modProd;`,
+    );
+    for (const name of exports) {
+      lines.push(
+        name === 'default'
+          ? `export default mod.default;`
+          : `export const ${name} = mod.${name};`,
+      );
+    }
+  } else {
+    lines.push(
+      `'use strict'`,
+      `const ${outputFileName} = process.env.NODE_ENV === 'development' ? require('${devFileName}') : require('${prodFileName}');`,
+      `module.exports = ${outputFileName};`,
+    );
+  }
   const fileContent = lines.join('\n');
   fs.outputFileSync(
-    path.resolve(path.join(`${outputPath}${outputFileName}.js`)),
+    path.resolve(path.join(`${outputPath}${outputFileName}${extension}`)),
     fileContent,
   );
 }
@@ -616,32 +653,44 @@ async function buildAll() {
     const {name, sourcePath, outputPath, packageName, modules} = pkg;
 
     for (const module of modules) {
-      const {sourceFileName, outputFileName} = module;
-      let inputFile = path.resolve(path.join(`${sourcePath}${sourceFileName}`));
-
-      await build(
-        `${name}${module.name ? '-' + module.name : ''}`,
-        inputFile,
-        outputPath,
-        path.resolve(
-          path.join(
-            `${outputPath}${getFileName(outputFileName, isProduction)}`,
-          ),
-        ),
-        isProduction,
-      );
+      for (const format of ['cjs', 'esm']) {
+        const {sourceFileName, outputFileName} = module;
+        let inputFile = path.resolve(
+          path.join(`${sourcePath}${sourceFileName}`),
+        );
 
-      if (isRelease) {
         await build(
-          name,
+          `${name}${module.name ? '-' + module.name : ''}`,
           inputFile,
           outputPath,
           path.resolve(
-            path.join(`${outputPath}${getFileName(outputFileName, false)}`),
+            path.join(
+              `${outputPath}${getFileName(
+                outputFileName,
+                isProduction,
+                format,
+              )}`,
+            ),
           ),
-          false,
+          isProduction,
+          format,
         );
-        buildForkModule(outputPath, outputFileName);
+
+        if (isRelease) {
+          const exports = await build(
+            name,
+            inputFile,
+            outputPath,
+            path.resolve(
+              path.join(
+                `${outputPath}${getFileName(outputFileName, false, format)}`,
+              ),
+            ),
+            false,
+            format,
+          );
+          buildForkModule(outputPath, outputFileName, format, exports);
+        }
       }
     }
 
diff --git a/scripts/updateVersion.js b/scripts/updateVersion.js
index e4607942ef5..c50d91682c6 100644
--- a/scripts/updateVersion.js
+++ b/scripts/updateVersion.js
@@ -47,12 +47,50 @@ function updateVersion() {
     const packageJSON = fs.readJsonSync(`./packages/${pkg}/package.json`);
     packageJSON.version = version;
     updateDependencies(packageJSON, version);
+    updateModule(packageJSON, pkg);
     fs.writeJsonSync(`./packages/${pkg}/package.json`, packageJSON, {
       spaces: 2,
     });
   });
 }
 
+function withEsmExtension(fileName) {
+  return fileName.replace(/\.js$/, '.esm.js');
+}
+
+function updateModule(packageJSON, pkg) {
+  if (packageJSON.sideEffects === undefined) {
+    packageJSON.sideEffects = false;
+  }
+  if (packageJSON.main) {
+    packageJSON.module = withEsmExtension(packageJSON.main);
+  } else if (fs.existsSync(`./packages/${pkg}/dist`)) {
+    const exports = {};
+    for (const file of fs.readdirSync(`./packages/${pkg}/dist`)) {
+      if (/^[^.]+\.js$/.test(file)) {
+        // support for import "@lexical/react/LexicalComposer"
+        exports[`./${file.replace(/\.js$/, '')}`] = {
+          import: {
+            default: `./${withEsmExtension(file)}`,
+            types: `./${file.replace(/\.js$/, '.d.ts')}`,
+          },
+          require: `./${file}`,
+        };
+        // support for import "@lexical/react/LexicalComposer.js"
+        // @mdxeditor/editor uses this at least as of 2.13.1
+        exports[`./${file}`] = {
+          import: {
+            default: `./${withEsmExtension(file)}`,
+            types: `./${file.replace(/\.js$/, '.d.ts')}`,
+          },
+          require: `./${file}`,
+        };
+      }
+    }
+    packageJSON.exports = exports;
+  }
+}
+
 function updateDependencies(packageJSON, version) {
   const {dependencies, peerDependencies} = packageJSON;
   if (dependencies !== undefined) {