diff --git a/README.md b/README.md
index a08cbf5dd..c2f77baff 100644
--- a/README.md
+++ b/README.md
@@ -102,6 +102,7 @@ Add this code to your page:
 - [Dev Tools](https://livecodes.io/docs/features/tools-pane) ([console](https://livecodes.io/docs/features/console), [compiled code viewer](https://livecodes.io/docs/features/compiled-code), [test runner](https://livecodes.io/docs/features/tests))
 - [Code formatting](https://livecodes.io/docs/features/code-format)
 - [Intellisense](https://livecodes.io/docs/features/intellisense)
+- [AI Code Assistant 🪄](https://livecodes.io/docs/features/ai)
 - [Lite mode](https://livecodes.io/docs/features/lite)
 - [Read-only mode](https://livecodes.io/docs/features/read-only)
 - [Broadcast](https://livecodes.io/docs/features/broadcast)
diff --git a/docs/docs/features/ai.md b/docs/docs/features/ai.md
new file mode 100644
index 000000000..02a59c8ea
--- /dev/null
+++ b/docs/docs/features/ai.md
@@ -0,0 +1,37 @@
+# AI Code Assistant 🪄
+
+LiveCodes supports AI-powered code completion, totally for **free**, using [Codeium](https://codeium.com/), the ultrafast Copilot alternative.
+
+The large generative machine learning model is capable of understanding the context of your code and comments in order to generate suggestions on what you might want to type next.
+
+It has a wide range of language support, and it works everywhere (in the [standalone app](../getting-started#standalone-app), [embedded playgrounds](./embeds) and [self-hosted](./self-hosting) apps).
+
+## Examples:
+
+JavaScript:
+
+<video controls style={{width: '100%'}}>
+
+  <source src="/docs/vid/LiveCodes-AI.mp4" type="video/mp4" />
+</video>
+
+Python:
+
+<video controls style={{width: '100%'}}>
+
+  <source src="/docs/vid/LiveCodes-AI-py.mp4" type="video/mp4" />
+</video>
+
+## Instructions
+
+1. Install [Codeium chrome extension](https://codeium.com/chrome_tutorial).
+2. Login to Codeium.
+3. Enjoy the magic!
+
+Currently, only [Monaco editor](./editor-settings.md#code-editor) on desktop Chrome browser is supported. Wider editor and browser support is planned.
+
+:::caution Note
+
+Please note that codeium extension sends your code to their servers for code completion. However, your code is not used for training their model. Check codeium [FAQ](https://codeium.com/faq#Will-Codeium-regurgitate-private-code%3F) and [privacy policy](https://codeium.com/privacy-policy) for more details.
+
+:::
diff --git a/docs/docs/features/index.md b/docs/docs/features/index.md
index ccbc0c8c0..a44da20be 100644
--- a/docs/docs/features/index.md
+++ b/docs/docs/features/index.md
@@ -16,6 +16,10 @@ In this page, a quick overview of the important features are presented. A more d
 
 The default code editor is the powerful editor that powers [VS Code](https://code.visualstudio.com/), featuring code-completion, go-to-definition, multi-cursor support and other powerful features you got used to. The editor is very [customizable](./editor-settings.md). It supports [keyboard shortcuts](./keyboard-shortcuts.md), [code formatting](./code-format.md), [Emmet abbreviations](./editor-settings#emmet) and even [Vim and Emacs bindings](./editor-settings.md#editor-modes).
 
+## AI Code Assistant
+
+LiveCodes supports AI-powered code completion, totally for **free**, using [Codeium](https://codeium.com/), the ultrafast Copilot alternative. Install the [Codeium chrome extension](https://codeium.com/chrome_tutorial) and enjoy the magic!
+
 ## Mobile-friendly
 
 The responsive layout allows working on devices with different screen sizes. On mobile, a lighter-weight touch-friendly code editor (CodeMirror 6) is used, so that you can experiment your ideas on the go.
diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js
index d0659cff0..7f2d90f02 100644
--- a/docs/docusaurus.config.js
+++ b/docs/docusaurus.config.js
@@ -144,6 +144,10 @@ const config = {
                 label: 'Import...',
                 href: 'pathname:///../?screen=import',
               },
+              {
+                label: 'AI Code Assistant 🪄',
+                to: '/features/ai',
+              },
               {
                 label: 'Bookmarklet',
                 to: '/bookmarklet',
diff --git a/docs/sidebars.js b/docs/sidebars.js
index 82b7edfbf..f03bf65ef 100644
--- a/docs/sidebars.js
+++ b/docs/sidebars.js
@@ -33,6 +33,7 @@ const sidebars = {
             'features/tests',
             'features/module-resolution',
             'features/intellisense',
+            'features/ai',
             'features/code-format',
             'features/keyboard-shortcuts',
             'features/user-settings',
diff --git a/docs/src/components/HomepageFeatures.tsx b/docs/src/components/HomepageFeatures.tsx
index df334a88a..0f7e99db0 100644
--- a/docs/src/components/HomepageFeatures.tsx
+++ b/docs/src/components/HomepageFeatures.tsx
@@ -73,9 +73,12 @@ const FeatureList2: FeatureItem[] = [
     image: './img/star.svg',
     description: (
       <>
-        Use the standalone app for quick prototyping, testing new ideas or learning a new
-        framework/language. The app remembers your settings. Organize your projects and assets.
-        Share code with friends. Deploy projects to public URLs.
+        Use the <Link to="./getting-started#standalone-app">standalone app</Link> for quick
+        prototyping, testing new ideas or learning a new framework/language. The app remembers your{' '}
+        <Link to="./features/user-settings">settings</Link>. Organize your{' '}
+        <Link to="./features/projects">projects</Link> and{' '}
+        <Link to="./features/assets">assets</Link>. <Link to="./features/share">Share</Link> code
+        with friends. <Link to="./features/deploy">Deploy</Link> projects to public URLs.
       </>
     ),
   },
@@ -126,14 +129,16 @@ const FeatureList3: FeatureItem[] = [
     ),
   },
   {
-    title: 'Focused on Privacy',
-    image: './img/data-privacy.svg',
+    title: 'AI Code Assistant',
+    image: './img/magic-wand.svg',
     description: (
       <>
-        Projects are private by default. The code you write in LiveCodes never leaves your device,
-        unless you choose to share, export or sync it. User data is stored in the browser. User code
-        runs in a sandboxed environment. <Link to="./features/security">Security</Link> is taken
-        seriously.
+        Leverage the <Link to="./features/ai">power of AI</Link> to help you write/learn code, using
+        the <strong>free</strong> Copilot alternative. It understands the context of your code and
+        comments to generate suggestions. It has a wide range of language support, and it works
+        everywhere (in the <Link to="./getting-started#standalone-app">standalone app</Link>,{' '}
+        <Link to="./features/embeds">embedded playgrounds</Link> and{' '}
+        <Link to="./features/self-hosting">self-hosted</Link> apps).
       </>
     ),
   },
@@ -154,6 +159,18 @@ const FeatureList3: FeatureItem[] = [
 ];
 
 const FeatureList4: FeatureItem[] = [
+  {
+    title: 'Focused on Privacy',
+    image: './img/data-privacy.svg',
+    description: (
+      <>
+        Projects are private by default. The code you write in LiveCodes never leaves your device,
+        unless you choose to share, export or sync it. User data is stored in the browser. User code
+        runs in a sandboxed environment. <Link to="./features/security">Security</Link> is taken
+        seriously.
+      </>
+    ),
+  },
   {
     title: 'Free and Open-Source',
     image: './img/oss.svg',
diff --git a/docs/static/img/magic-wand.svg b/docs/static/img/magic-wand.svg
new file mode 100644
index 000000000..3021d4888
--- /dev/null
+++ b/docs/static/img/magic-wand.svg
@@ -0,0 +1 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-100.25 -100.25 701.77 701.77" xml:space="preserve"><g> <path d="M359.495,181.88l-40-40c-4.16-4.16-10.88-4.16-15.04,0L3.122,443.107c-4.16,4.16-4.16,10.88,0,15.04l40,40 c4.16,4.16,10.88,4.16,15.04,0L359.495,196.92C363.655,192.76,363.655,186.04,359.495,181.88z M50.695,475.64l-24.96-24.96 l236.907-236.907l24.96,24.96L50.695,475.64z M302.642,223.587l-24.96-24.96l34.24-34.24l24.96,24.96L302.642,223.587z"></path> <path d="M498.162,117.667l-38.187-38.293l24.533-48.213c2.667-5.227,0.64-11.627-4.587-14.4c-3.093-1.6-6.72-1.6-9.707,0 l-48.107,24.533l-38.187-38.08c-4.16-4.267-10.88-4.267-15.147-0.107c-2.453,2.347-3.52,5.76-3.093,9.067l7.787,54.507 l-49.173,25.493c-5.227,2.667-7.253,9.173-4.587,14.4c1.6,2.987,4.48,5.12,7.787,5.653l53.44,8.32l8.64,53.227 c0.747,4.587,4.267,8.107,8.853,8.853c0.533,0.107,1.067,0.107,1.6,0.107c4.053,0,7.68-2.24,9.493-5.76l25.067-48.853l54.4,7.68 c5.867,0.853,11.2-3.2,12.053-8.96C501.789,123.427,500.615,120.013,498.162,117.667z M430.215,105.933 c-4.48-0.747-8.96,1.6-10.987,5.653l-13.653,26.667l-4.693-28.8c-0.747-4.587-4.373-8.107-8.853-8.853l-28.907-4.48 l26.987-13.973c4.053-2.133,6.293-6.507,5.653-10.987l-4.267-30.293l21.013,21.12c3.307,3.307,8.32,4.053,12.373,2.027 l25.707-13.12l-13.12,25.813c-2.133,4.16-1.28,9.067,1.92,12.373l21.12,21.12L430.215,105.933z"></path> <path d="M378.375,395.747L353.522,382.2l-13.547-24.853c-3.733-6.827-14.933-6.827-18.667,0L307.762,382.2l-24.96,13.547 c-5.12,2.88-7.04,9.28-4.267,14.507c0.96,1.813,2.453,3.2,4.267,4.267l24.853,13.547l13.547,24.853 c2.88,5.12,9.28,7.04,14.507,4.267c1.813-0.96,3.2-2.453,4.267-4.267l13.547-24.853l24.853-13.547 c5.12-2.88,7.04-9.28,4.267-14.507C381.682,398.2,380.189,396.707,378.375,395.747z M340.615,411.107 c-1.813,0.96-3.307,2.453-4.267,4.267l-5.653,10.453l-5.76-10.453c-0.96-1.813-2.453-3.307-4.267-4.267l-10.453-5.76l10.453-5.76 c1.813-0.96,3.307-2.453,4.267-4.267l5.76-10.453l5.76,10.453c0.96,1.813,2.453,3.307,4.267,4.267l10.453,5.76L340.615,411.107z"></path> <path d="M37.469,148.067l45.547,24.96l24.853,45.547c2.88,5.12,9.28,7.04,14.507,4.267c1.813-0.96,3.2-2.453,4.267-4.267 l24.96-45.547l45.547-24.96c5.12-2.88,7.04-9.28,4.267-14.507c-0.96-1.813-2.453-3.2-4.267-4.267l-45.547-24.853l-24.96-45.547 c-3.733-6.827-14.933-6.827-18.667,0L83.122,104.44L37.575,129.4c-5.12,2.88-7.04,9.28-4.267,14.507 C34.269,145.613,35.762,147.107,37.469,148.067z M95.922,121.613c1.813-0.96,3.307-2.453,4.267-4.267L117.255,86.2l17.067,31.147 c0.96,1.813,2.453,3.307,4.267,4.267l31.147,17.067l-31.147,17.067c-1.813,0.96-3.307,2.453-4.267,4.267l-17.067,31.147 l-17.067-31.147c-0.96-1.813-2.453-3.307-4.267-4.267L64.775,138.68L95.922,121.613z"></path> </g></svg>
diff --git a/docs/static/vid/LiveCodes-AI-py.mp4 b/docs/static/vid/LiveCodes-AI-py.mp4
new file mode 100644
index 000000000..85df4b93e
Binary files /dev/null and b/docs/static/vid/LiveCodes-AI-py.mp4 differ
diff --git a/docs/static/vid/LiveCodes-AI-py.webm b/docs/static/vid/LiveCodes-AI-py.webm
new file mode 100644
index 000000000..55bbddcd8
Binary files /dev/null and b/docs/static/vid/LiveCodes-AI-py.webm differ
diff --git a/docs/static/vid/LiveCodes-AI.mp4 b/docs/static/vid/LiveCodes-AI.mp4
new file mode 100644
index 000000000..61c525721
Binary files /dev/null and b/docs/static/vid/LiveCodes-AI.mp4 differ
diff --git a/docs/static/vid/LiveCodes-AI.webm b/docs/static/vid/LiveCodes-AI.webm
new file mode 100644
index 000000000..b2f4feed7
Binary files /dev/null and b/docs/static/vid/LiveCodes-AI.webm differ
diff --git a/e2e/specs/import.spec.ts b/e2e/specs/import.spec.ts
index cfa5d2ca6..182292d6a 100644
--- a/e2e/specs/import.spec.ts
+++ b/e2e/specs/import.spec.ts
@@ -12,7 +12,7 @@ const sources = {
   'GitLab snippet': 'https://gitlab.com/-/snippets/2199319',
   'GitLab dir':
     'https://gitlab.com/hatemhosny/typescript-demo-for-testing-import-/-/tree/gh-pages/src',
-  JsBin: 'https://jsbin.com/mikunebofa/edit?html,css,js,output',
+  JsBin: 'https://jsbin.com/jikojak/edit?html,css,js,output',
 };
 
 const githubRepo = 'https://github.com/hatemhosny/typescript-demo-for-testing-import-';
diff --git a/scripts/build.js b/scripts/build.js
index 4559ba031..9b3c72109 100644
--- a/scripts/build.js
+++ b/scripts/build.js
@@ -78,6 +78,10 @@ const prepareDir = async () => {
     path.resolve(__dirname + '/../src/index.html'),
     path.resolve(outDir + '/index.html'),
   );
+  await fs.promises.copyFile(
+    path.resolve(__dirname + '/../src/livecodes/html/app-base.html'),
+    path.resolve(outDir + '/livecodes/app.html'),
+  );
 };
 
 try {
diff --git a/src/livecodes/html/app-base.html b/src/livecodes/html/app-base.html
new file mode 100644
index 000000000..e299c55f4
--- /dev/null
+++ b/src/livecodes/html/app-base.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="codeium:type" content="monaco" />
+    <title>LiveCodes</title>
+    <script>
+      window.addEventListener('message', function (event) {
+        if (
+          event.origin === window.location.origin &&
+          event.source === parent &&
+          event.data.content
+        ) {
+          document.write(event.data.content);
+          document.close();
+        }
+      });
+    </script>
+  </head>
+  <body></body>
+</html>
diff --git a/src/livecodes/html/app.html b/src/livecodes/html/app.html
index a9ee5a35a..617a29f87 100644
--- a/src/livecodes/html/app.html
+++ b/src/livecodes/html/app.html
@@ -3,6 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="codeium:type" content="monaco" />
     <title>LiveCodes</title>
     <style>
       body {
diff --git a/src/livecodes/main.ts b/src/livecodes/main.ts
index 79f07ccb1..c1a493ce1 100644
--- a/src/livecodes/main.ts
+++ b/src/livecodes/main.ts
@@ -69,11 +69,11 @@ export const livecodes = (container: string, config: Partial<Config> = {}): Prom
       const iframe = document.createElement('iframe');
       iframe.name = 'app';
       iframe.style.display = 'none';
-
-      containerElement.appendChild(iframe);
-      iframe.contentWindow?.document.open();
-      iframe.contentWindow?.document.write(
-        appHTML
+      iframe.src = baseUrl + '{{hash:app.html}}';
+      let contentLoaded = false;
+      iframe.onload = () => {
+        if (contentLoaded) return;
+        const appContent = appHTML
           .replace(/{{baseUrl}}/g, baseUrl)
           .replace(/{{script}}/g, scriptFile)
           .replace(/{{appCDN}}/g, appCDN)
@@ -83,18 +83,20 @@ export const livecodes = (container: string, config: Partial<Config> = {}): Prom
             supportsImportMaps
               ? ''
               : `
-          <script type="module">
-            import * as mod from '${baseUrl}{{hash:codemirror.js}}';
-            window['${baseUrl}{{hash:codemirror.js}}'] = mod;
-          </script>
-          `,
+    <script type="module">
+      import * as mod from '${baseUrl}{{hash:codemirror.js}}';
+      window['${baseUrl}{{hash:codemirror.js}}'] = mod;
+    </script>
+    `,
           )
           .replace(
             /{{codemirrorCoreUrl}}/g,
             `${baseUrl}vendor/codemirror/${process.env.codemirrorVersion}/codemirror-core.js`,
-          ),
-      );
-      iframe.contentWindow?.document.close();
+          );
+        iframe.contentWindow?.postMessage({ content: appContent }, location.origin);
+        contentLoaded = true;
+      };
+      containerElement.appendChild(iframe);
 
       if (isEmbed) {
         window.addEventListener(customEvents.appLoaded, () => {