diff --git a/docs/advanced-usage/using-proxies.mdx b/docs/advanced-usage/using-proxies.mdx
index dff1261dc1..0cd2de5de0 100644
--- a/docs/advanced-usage/using-proxies.mdx
+++ b/docs/advanced-usage/using-proxies.mdx
@@ -285,7 +285,6 @@ When using a proxy, all requests to the Frontend API will be made through your d
     <Tab>
       To configure your proxy setup using properties in your JavaScript application, pass the `proxyUrl` option to the [`load()`](/docs/references/javascript/clerk/clerk#load) method.
 
-      <CodeBlockTabs options={["NPM module", "<script>"]}>
         ```js {{ filename: 'main.js' }}
         import { Clerk } from '@clerk/clerk-js'
 
@@ -296,27 +295,6 @@ When using a proxy, all requests to the Frontend API will be made through your d
           proxyUrl: 'https://app.dev/__clerk',
         })
         ```
-
-        ```html {{ filename: 'index.html' }}
-        <!-- Initialize Clerk with your
-          Clerk Publishable key and Frontend API URL -->
-        <script
-          async
-          crossorigin="anonymous"
-          data-clerk-publishable-key="{{pub_key}}"
-          src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-          type="text/javascript"
-        ></script>
-
-        <script>
-          window.addEventListener('load', async function () {
-            await Clerk.load({
-              proxyUrl: 'https://app.dev/__clerk',
-            })
-          })
-        </script>
-        ```
-      </CodeBlockTabs>
     </Tab>
   </Tabs>
 
diff --git a/docs/components/authentication/google-one-tap.mdx b/docs/components/authentication/google-one-tap.mdx
index 0f7bdc2763..1bee695f06 100644
--- a/docs/components/authentication/google-one-tap.mdx
+++ b/docs/components/authentication/google-one-tap.mdx
@@ -112,9 +112,8 @@ function openGoogleOneTap(params: GoogleOneTapProps): void
 
 #### `openGoogleOneTap()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'index.js', mark: [[7, 12]] }}
-  import { Clerk } from '@clerk/clerk-js'
+import { Clerk } from '@clerk/clerk-js'
 
   // Initialize Clerk with your Clerk publishable key
   const clerk = new Clerk('{{pub_key}}')
@@ -127,32 +126,7 @@ function openGoogleOneTap(params: GoogleOneTapProps): void
   }
   clerk.openGoogleOneTap(params)
   ```
-
-  ```html {{ filename: 'index.html', mark: [[14, 19]] }}
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-      const params = {
-        cancelOnTapOutside: false,
-        itpSupport: false,
-        fedCmSupport: false,
-      }
-      Clerk.openGoogleOneTap(params)
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
+  
 ### `closeGoogleOneTap()`
 
 Closes the `<GoogleOneTap />` component.
@@ -163,9 +137,8 @@ function closeGoogleOneTap(): void
 
 #### `closeGoogleOneTap()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'index.js', mark: [16] }}
-  import { Clerk } from '@clerk/clerk-js'
+   import { Clerk } from '@clerk/clerk-js'
 
   // Initialize Clerk with your Clerk publishable key
   const clerk = new Clerk('{{pub_key}}')
@@ -182,39 +155,7 @@ function closeGoogleOneTap(): void
 
   clerk.closeGoogleOneTap()
   ```
-
-  ```html {{ filename: 'index.html', mark: [26] }}
-  <!-- Add a <div id="sign-in"> element to your HTML -->
-  <div id="sign-in"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-      const params = {
-        cancelOnTapOutside: false,
-        itpSupport: false,
-        fedCmSupport: false,
-      }
-      Clerk.openGoogleOneTap(params)
-
-      // Do something else
-
-      Clerk.closeGoogleOneTap()
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
+  
 ### `authenticateWithGoogleOneTap()`
 
 Authenticates the user with a token generated from Google identity services. Also sets the user's current session to active.
@@ -236,7 +177,6 @@ function authenticateWithGoogleOneTap(
 
 #### `authenticateWithGoogleOneTap()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'index.js', mark: [[7, 15]] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -255,34 +195,6 @@ function authenticateWithGoogleOneTap(
   await clerk.handleGoogleOneTapCallback(signInOrUp, customUrls)
   ```
 
-  ```html {{ filename: 'index.html', mark: [[14, 22]] }}
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-      // Optionally, you can set redirect URLs.
-      const customUrls = {
-        signInUrl: '/sign-in',
-        signUpUrl: '/sign-up',
-      }
-      // Initiate the authentication flow.
-      const signInOrUp = await clerk.authenticateWithGoogleOneTap({ token: 'xxxx' })
-      // Set the session as active, and handle any navigation or redirects
-      await clerk.handleGoogleOneTapCallback(signInOrUp, customUrls)
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ### `handleGoogleOneTapCallback()`
 
 Completes a Google One Tap redirection flow started by [`authenticateWithGoogleOneTap()`](#authenticate-with-google-one-tap). Also calls [`Clerk.setActive()`](/docs/references/javascript/clerk/session-methods#set-active) and performs a custom navigation if given a custom navigation function.
diff --git a/docs/components/authentication/sign-in.mdx b/docs/components/authentication/sign-in.mdx
index b81eef4f27..7092cc68b7 100644
--- a/docs/components/authentication/sign-in.mdx
+++ b/docs/components/authentication/sign-in.mdx
@@ -182,7 +182,6 @@ function mountSignIn(node: HTMLDivElement, props?: SignInProps): void
 
 #### `mountSignIn()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'index.js', mark: [13] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -199,32 +198,6 @@ function mountSignIn(node: HTMLDivElement, props?: SignInProps): void
   clerk.mountSignIn(signInDiv)
   ```
 
-  ```html {{ filename: 'index.html', mark: [20] }}
-  <!-- Add a <div id="sign-in"> element to your HTML -->
-  <div id="sign-in"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      const signInDiv = document.getElementById('sign-in')
-
-      Clerk.mountSignIn(signInDiv)
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ### `unmountSignIn()`
 
 Unmount and run cleanup on an existing `<SignIn />` component instance.
@@ -244,7 +217,6 @@ function unmountSignIn(node: HTMLDivElement): void
 
 #### `unmountSignIn()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'index.js', mark: [17] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -265,36 +237,6 @@ function unmountSignIn(node: HTMLDivElement): void
   clerk.unmountSignIn(signInDiv)
   ```
 
-  ```html {{ filename: 'index.html', mark: [24] }}
-  <!-- Add a <div id="sign-in"> element to your HTML -->
-  <div id="sign-in"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      const signInDiv = document.getElementById('sign-in')
-
-      Clerk.mountSignIn(signInDiv)
-
-      // ...
-
-      Clerk.unmountSignIn(signInDiv)
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ### `openSignIn()`
 
 Opens the `<SignIn />` component as an overlay at the root of your HTML `body` element.
@@ -314,7 +256,6 @@ function openSignIn(props?: SignInProps): void
 
 #### `openSignIn()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'index.js', mark: [7] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -325,27 +266,6 @@ function openSignIn(props?: SignInProps): void
   clerk.openSignIn()
   ```
 
-  ```html {{ filename: 'index.html', mark: [15] }}
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      Clerk.openSignIn()
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ### `closeSignIn()`
 
 Closes the sign in overlay.
@@ -356,7 +276,6 @@ function closeSignIn(): void
 
 #### `closeSignIn()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'index.js', mark: [11] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -371,31 +290,6 @@ function closeSignIn(): void
   clerk.closeSignIn()
   ```
 
-  ```html {{ filename: 'index.html', mark: [19] }}
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      Clerk.openSignIn()
-
-      // ...
-
-      Clerk.closeSignIn()
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ## Customization
 
 To learn about how to customize Clerk components, see the [customization documentation](/docs/customization/overview).
diff --git a/docs/components/authentication/sign-up.mdx b/docs/components/authentication/sign-up.mdx
index f06ac49296..9d54ddaaf8 100644
--- a/docs/components/authentication/sign-up.mdx
+++ b/docs/components/authentication/sign-up.mdx
@@ -175,7 +175,6 @@ function mountSignUp(node: HTMLDivElement, props?: SignUpProps): void
 
 #### `mountSignUp()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```typescript {{ filename: 'index.ts', mark: [13] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -192,32 +191,6 @@ function mountSignUp(node: HTMLDivElement, props?: SignUpProps): void
   clerk.mountSignUp(signUpDiv)
   ```
 
-  ```html {{ filename: 'index.js', mark: [20] }}
-  <!-- Add a <div id="sign-up"> element to your HTML -->
-  <div id="sign-up"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      const signUpDiv = document.getElementById('sign-up')
-
-      Clerk.mountSignUp(signUpDiv)
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ### `unmountSignUp()`
 
 Unmount and run cleanup on an existing `<SignUp />` component instance.
@@ -237,7 +210,6 @@ function unmountSignUp(node: HTMLDivElement): void
 
 #### `unmountSignUp()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```typescript {{ filename: 'index.ts', mark: [17] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -258,36 +230,6 @@ function unmountSignUp(node: HTMLDivElement): void
   clerk.unmountSignUp(signUpDiv)
   ```
 
-  ```html {{ filename: 'index.js', mark: [24] }}
-  <!-- Add a <div id="sign-up"> element to your HTML -->
-  <div id="sign-up"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      const signUpDiv = document.getElementById('sign-up')
-
-      Clerk.mountSignUp(signUpDiv)
-
-      // ...
-
-      Clerk.unmountSignUp(signUpDiv)
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ### `openSignUp()`
 
 Opens the `<SignUp />` component as an overlay at the root of your HTML `body` element.
@@ -307,7 +249,6 @@ function openSignUp(props?: SignUpProps): void
 
 #### `openSignUp()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'index.ts', mark: [7] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -318,27 +259,6 @@ function openSignUp(props?: SignUpProps): void
   clerk.openSignUp()
   ```
 
-  ```html {{ filename: 'index.html', mark: [15] }}
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      Clerk.openSignUp()
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ### `closeSignUp()`
 
 Closes the sign up overlay.
@@ -349,7 +269,6 @@ function closeSignUp(): void
 
 #### `closeSignUp()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'index.ts', mark: [11] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -364,31 +283,6 @@ function closeSignUp(): void
   clerk.closeSignUp()
   ```
 
-  ```html {{ filename: 'index.html', mark: [19] }}
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      Clerk.openSignUp()
-
-      // ...
-
-      Clerk.closeSignUp()
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ## Customization
 
 To learn about how to customize Clerk components, see the [customization documentation](/docs/customization/overview).
diff --git a/docs/components/organization/create-organization.mdx b/docs/components/organization/create-organization.mdx
index 59d140f994..0dda421131 100644
--- a/docs/components/organization/create-organization.mdx
+++ b/docs/components/organization/create-organization.mdx
@@ -146,7 +146,6 @@ function mountCreateOrganization(node: HTMLDivElement, props?: CreateOrganizatio
 
 #### `mountCreateOrganization()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [13] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -163,32 +162,6 @@ function mountCreateOrganization(node: HTMLDivElement, props?: CreateOrganizatio
   clerk.mountCreateOrganization(createOrgDiv)
   ```
 
-  ```html {{ filename: 'index.html', mark: [20] }}
-  <!-- Add a <div id="create-organization"> element to your HTML -->
-  <div id="create-organization"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      const createOrgDiv = document.getElementById('create-organization')
-
-      Clerk.mountCreateOrganization(createOrgDiv)
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ### <code>unmountCreate<wbr />Organization()</code>
 
 Unmount and run cleanup on an existing `<CreateOrganization />` component instance.
@@ -208,7 +181,6 @@ function unmountCreateOrganization(node: HTMLDivElement): void
 
 #### `unmountCreateOrganization()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [17] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -229,36 +201,6 @@ function unmountCreateOrganization(node: HTMLDivElement): void
   clerk.unmountCreateOrganization(createOrgDiv)
   ```
 
-  ```html {{ filename: 'index.html', mark: [24] }}
-  <!-- Add a <div id="create-organization"> element to your HTML -->
-  <div id="create-organization"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      const createOrgDiv = document.getElementById('create-organization')
-
-      Clerk.mountCreateOrganization(createOrgDiv)
-
-      // ...
-
-      Clerk.unmountCreateOrganization(createOrgDiv)
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ### `openCreateOrganization()`
 
 Opens the `<CreateOrganization />` component as an overlay at the root of your HTML `body` element.
@@ -278,7 +220,6 @@ function openCreateOrganization(props?: CreateOrganizationProps): void
 
 #### `openCreateOrganization()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [13] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -295,32 +236,6 @@ function openCreateOrganization(props?: CreateOrganizationProps): void
   clerk.openCreateOrganization(createOrgDiv)
   ```
 
-  ```html {{ filename: 'index.html', mark: [20] }}
-  <!-- Add a <div id="create-organization"> element to your HTML -->
-  <div id="create-organization"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      const createOrgDiv = document.getElementById('create-organization')
-
-      Clerk.openCreateOrganization(createOrgDiv)
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ### `closeCreateOrganization()`
 
 Closes the organization profile overlay.
@@ -331,7 +246,6 @@ function closeCreateOrganization(): void
 
 #### `closeCreateOrganization()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [17] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -352,36 +266,6 @@ function closeCreateOrganization(): void
   clerk.closeCreateOrganization(createOrgDiv)
   ```
 
-  ```html {{ filename: 'index.html', mark: [24] }}
-  <!-- Add a <div id="create-organization"> element to your HTML -->
-  <div id="create-organization"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      const createOrgDiv = document.getElementById('create-organization')
-
-      Clerk.openCreateOrganization(createOrgDiv)
-
-      // ...
-
-      Clerk.closeCreateOrganization(createOrgDiv)
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ## Customization
 
 To learn about how to customize Clerk components, see the [customization documentation](/docs/customization/overview).
diff --git a/docs/components/organization/organization-list.mdx b/docs/components/organization/organization-list.mdx
index 1b14765ec9..b91df3c6e3 100644
--- a/docs/components/organization/organization-list.mdx
+++ b/docs/components/organization/organization-list.mdx
@@ -177,7 +177,6 @@ function mountOrganizationList(node: HTMLDivElement, props?: OrganizationListPro
 
 ### `mountOrganizationList()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [13] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -194,32 +193,6 @@ function mountOrganizationList(node: HTMLDivElement, props?: OrganizationListPro
   clerk.mountOrganizationList(orgListDiv)
   ```
 
-  ```html {{ filename: 'index.html', mark: [20] }}
-  <!-- Add a <div id="organization-list"> element to your HTML -->
-  <div id="organization-list"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      const orgListDiv = document.getElementById('organization-list')
-
-      Clerk.mountOrganizationList(orgListDiv)
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ## `unmountOrganizationList()`
 
 Unmount and run cleanup on an existing `<OrganizationList />` component instance.
@@ -239,7 +212,6 @@ function unmountOrganizationList(node: HTMLDivElement): void
 
 ### `unmountOrganizationList()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [17] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -260,36 +232,6 @@ function unmountOrganizationList(node: HTMLDivElement): void
   clerk.unmountOrganizationList(orgListDiv)
   ```
 
-  ```html {{ filename: 'index.html', mark: [24] }}
-  <!-- Add a <div id="organization-list"> element to your HTML -->
-  <div id="organization-list"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      const orgListDiv = document.getElementById('organization-list')
-
-      Clerk.mountOrganizationList(orgListDiv)
-
-      // ...
-
-      Clerk.unmountOrganizationList(orgListDiv)
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ## Force organizations
 
 If you would like to prohibit people from using their personal accounts and force them to be part of an organization, the `hidePersonal` property forces your user to join or create an organization in order to continue. For more information on how to hide Personal Accounts and force organizations, see the [dedicated guide](/docs/guides/force-organizations).
diff --git a/docs/components/organization/organization-profile.mdx b/docs/components/organization/organization-profile.mdx
index 69e6e45ff3..9651fe00a4 100644
--- a/docs/components/organization/organization-profile.mdx
+++ b/docs/components/organization/organization-profile.mdx
@@ -143,7 +143,6 @@ function mountOrganizationProfile(node: HTMLDivElement, props?: OrganizationProf
 
 #### `mountOrganizationProfile()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [13] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -160,32 +159,6 @@ function mountOrganizationProfile(node: HTMLDivElement, props?: OrganizationProf
   clerk.mountOrganizationProfile(orgProfileDiv)
   ```
 
-  ```html {{ filename: 'index.html', mark: [20] }}
-  <!-- Add a <div id="organization-profile"> element to your HTML -->
-  <div id="organization-profile"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      const orgProfileDiv = document.getElementById('organization-profile')
-
-      Clerk.mountOrganizationProfile(orgProfileDiv)
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ### <code>unmountOrganization<wbr />Profile()</code>
 
 Unmount and run cleanup on an existing `<OrganizationProfile />` component instance.
@@ -205,7 +178,6 @@ function unmountOrganizationProfile(node: HTMLDivElement): void
 
 #### `unmountOrganizationProfile()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [17] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -225,37 +197,6 @@ function unmountOrganizationProfile(node: HTMLDivElement): void
 
   clerk.unmountOrganizationProfile(orgProfileDiv)
   ```
-
-  ```html {{ filename: 'index.html', mark: [24] }}
-  <!-- Add a <div id="organization-profile"> element to your HTML -->
-  <div id="organization-profile"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      const orgProfileDiv = document.getElementById('organization-profile')
-
-      Clerk.mountOrganizationProfile(orgProfileDiv)
-
-      // ...
-
-      Clerk.unmountOrganizationProfile(orgProfileDiv)
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ### `openOrganizationProfile()`
 
 Opens the `<OrganizationProfile />` component as an overlay at the root of your HTML `body` element.
@@ -275,7 +216,6 @@ function openOrganizationProfile(props?: OrganizationProfileProps): void
 
 #### `openOrganizationProfile()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [13] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -292,32 +232,6 @@ function openOrganizationProfile(props?: OrganizationProfileProps): void
   clerk.openOrganizationProfile(orgProfileDiv)
   ```
 
-  ```html {{ filename: 'index.html', mark: [20] }}
-  <!-- Add a <div id="organization-profile"> element to your HTML -->
-  <div id="organization-profile"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      const orgProfileDiv = document.getElementById('organization-profile')
-
-      Clerk.openOrganizationProfile(orgProfileDiv)
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ### `closeOrganizationProfile()`
 
 Closes the organization profile overlay.
@@ -328,7 +242,6 @@ function closeOrganizationProfile(): void
 
 #### `closeOrganizationProfile()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [13] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -345,32 +258,6 @@ function closeOrganizationProfile(): void
   clerk.closeOrganizationProfile(orgProfileDiv)
   ```
 
-  ```html {{ filename: 'index.html', mark: [20] }}
-  <!-- Add a <div id="organization-profile"> element to your HTML -->
-  <div id="organization-profile"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      const orgProfileDiv = document.getElementById('organization-profile')
-
-      Clerk.closeOrganizationProfile(orgProfileDiv)
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ## Customization
 
 To learn about how to customize Clerk components, see the [customization documentation](/docs/customization/overview).
diff --git a/docs/components/organization/organization-switcher.mdx b/docs/components/organization/organization-switcher.mdx
index 37c69dc2a2..5dc563f837 100644
--- a/docs/components/organization/organization-switcher.mdx
+++ b/docs/components/organization/organization-switcher.mdx
@@ -204,7 +204,6 @@ function mountOrganizationSwitcher(node: HTMLDivElement, props?: OrganizationSwi
 
 ### <code>mountOrganization<wbr />Switcher()</code> usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [13] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -221,32 +220,6 @@ function mountOrganizationSwitcher(node: HTMLDivElement, props?: OrganizationSwi
   clerk.mountOrganizationSwitcher(orgSwitcherDiv)
   ```
 
-  ```html {{ filename: 'index.html', mark: [20] }}
-  <!-- Add a <div id="organization-switcher"> element to your HTML -->
-  <div id="organization-switcher"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      const orgSwitcherDiv = document.getElementById('organization-switcher')
-
-      Clerk.mountOrganizationSwitcher(orgSwitcherDiv)
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ## <code>unmountOrganization<wbr />Switcher()</code>
 
 Unmount and run cleanup on an existing `<OrganizationSwitcher />` component instance.
@@ -266,7 +239,6 @@ function unmountOrganizationSwitcher(node: HTMLDivElement): void
 
 ### <code>unmountOrganization<wbr />Switcher()</code> usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [17] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -287,36 +259,6 @@ function unmountOrganizationSwitcher(node: HTMLDivElement): void
   clerk.unmountOrganizationSwitcher(orgSwitcherDiv)
   ```
 
-  ```html {{ filename: 'index.html', mark: [24] }}
-  <!-- Add a <div id="organization-switcher"> element to your HTML -->
-  <div id="organization-switcher"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      const orgSwitcherDiv = document.getElementById('organization-switcher')
-
-      Clerk.mountOrganizationSwitcher(orgSwitcherDiv)
-
-      // ...
-
-      Clerk.unmountOrganizationSwitcher(orgSwitcherDiv)
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ## Customization
 
 To learn about how to customize Clerk components, see the [customization documentation](/docs/customization/overview).
diff --git a/docs/components/user/user-button.mdx b/docs/components/user/user-button.mdx
index b9730e6479..aa52956531 100644
--- a/docs/components/user/user-button.mdx
+++ b/docs/components/user/user-button.mdx
@@ -284,7 +284,6 @@ function mountUserButton(node: HTMLDivElement, props?: UserButtonProps): void
 
 #### `mountUserButton()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [13] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -301,32 +300,6 @@ function mountUserButton(node: HTMLDivElement, props?: UserButtonProps): void
   clerk.mountUserButton(userbuttonDiv)
   ```
 
-  ```html {{ filename: 'index.html', mark: [20] }}
-  <!-- Add a <div id="user-button"> element to your HTML -->
-  <div id="user-button"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      const userbuttonDiv = document.getElementById('user-button')
-
-      Clerk.mountUserButton(userbuttonDiv)
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ### `unmountUserButton()`
 
 Unmount and run cleanup on an existing `<UserButton />` component instance.
@@ -346,7 +319,6 @@ function unmountUserButton(node: HTMLDivElement): void
 
 #### `unmountUserButton()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [17] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -367,36 +339,6 @@ function unmountUserButton(node: HTMLDivElement): void
   clerk.unmountUserButton(userButtonDiv)
   ```
 
-  ```html {{ filename: 'index.html', mark: [24] }}
-  <!-- Add a <div id="user-button"> element to your HTML -->
-  <div id="user-button"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      const userButtonDiv = document.getElementById('user-button')
-
-      Clerk.mountUserButton(userButtonDiv)
-
-      // ...
-
-      Clerk.unmountUserButton(userButtonDiv)
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ## Customization
 
 To learn about how to customize Clerk components, see the [customization documentation](/docs/customization/overview).
diff --git a/docs/components/user/user-profile.mdx b/docs/components/user/user-profile.mdx
index 2465d2c3e0..ca02062d47 100644
--- a/docs/components/user/user-profile.mdx
+++ b/docs/components/user/user-profile.mdx
@@ -139,7 +139,6 @@ function mountUserProfile(node: HTMLDivElement, props?: UserProfileProps): void
 
 #### `mountUserProfile()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [13] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -156,31 +155,6 @@ function mountUserProfile(node: HTMLDivElement, props?: UserProfileProps): void
   clerk.mountUserProfile(userProfileDiv)
   ```
 
-  ```html {{ filename: 'index.html', mark: [20] }}
-  <!-- Add a <div id="user-profile"> element to your HTML -->
-  <div id="user-profile"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      const userProfileDiv = document.getElementById('user-profile')
-
-      Clerk.mountUserProfile(userProfileDiv)
-    })
-  </script>
-  ```
-</CodeBlockTabs>
 
 ### `unmountUserProfile()`
 
@@ -201,7 +175,6 @@ function unmountUserProfile(node: HTMLDivElement): void
 
 #### `unmountUserProfile()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [17] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -222,36 +195,6 @@ function unmountUserProfile(node: HTMLDivElement): void
   clerk.unmountUserProfile(userProfileDiv)
   ```
 
-  ```html {{ filename: 'index.html', mark: [24] }}
-  <!-- Add a <div id="user-profile"> element to your HTML -->
-  <div id="user-profile"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      const userProfileDiv = document.getElementById('user-profile')
-
-      Clerk.mountUserProfile(userProfileDiv)
-
-      // ...
-
-      Clerk.unmountUserProfile(userProfileDiv)
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ### `openUserProfile()`
 
 Opens the `<UserProfile />` component as an overlay at the root of your HTML `body` element.
@@ -271,7 +214,6 @@ function openUserProfile(props?: UserProfileProps): void
 
 #### `openUserProfile()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [13] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -288,32 +230,6 @@ function openUserProfile(props?: UserProfileProps): void
   clerk.openUserProfile(userProfileDiv)
   ```
 
-  ```html {{ filename: 'index.html', mark: [20] }}
-  <!-- Add a <div id="user-profile"> element to your HTML -->
-  <div id="user-profile"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      const userProfileDiv = document.getElementById('user-profile')
-
-      Clerk.openUserProfile(userProfileDiv)
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ### `closeUserProfile()`
 
 Closes the user profile overlay.
@@ -324,7 +240,6 @@ function closeUserProfile(): void
 
 #### `closeUserProfile()` usage
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [13] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -341,32 +256,6 @@ function closeUserProfile(): void
   clerk.closeUserProfile(userProfileDiv)
   ```
 
-  ```html {{ filename: 'index.html', mark: [20] }}
-  <!-- Add a <div id="user-profile"> element to your HTML -->
-  <div id="user-profile"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      const userProfileDiv = document.getElementById('user-profile')
-
-      Clerk.closeUserProfile(userProfileDiv)
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ## Customization
 
 To learn about how to customize Clerk components, see the [customization documentation](/docs/customization/overview).
diff --git a/docs/custom-flows/email-password-mfa.mdx b/docs/custom-flows/email-password-mfa.mdx
index 4f39e11a68..1324d50c1c 100644
--- a/docs/custom-flows/email-password-mfa.mdx
+++ b/docs/custom-flows/email-password-mfa.mdx
@@ -172,10 +172,6 @@ This guide will walk you through how to build a custom email/password sign-in fl
     </Tab>
 
     <Tab>
-      <Tabs items={["NPM module", "<script>"]}>
-        <Tab>
-          Use the following tabs to view the code necessary for each file.
-
           <CodeBlockTabs options={["index.html", "main.js"]}>
             ```html {{ filename: 'index.html', collapsible: true }}
             <!doctype html>
@@ -294,131 +290,6 @@ This guide will walk you through how to build a custom email/password sign-in fl
           </CodeBlockTabs>
         </Tab>
 
-        <Tab>
-          ```html {{ filename: 'index.html', collapsible: true }}
-          <!doctype html>
-          <html lang="en">
-            <head>
-              <meta charset="UTF-8" />
-              <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-              <title>Clerk + JavaScript App</title>
-            </head>
-            <body>
-              <div id="signed-in"></div>
-
-              <div id="sign-in">
-                <h2>Sign in</h2>
-                <form id="sign-in-form">
-                  <label for="email">Enter email address</label>
-                  <input name="email" id="sign-in-email" />
-                  <label for="password">Enter password</label>
-                  <input name="password" id="sign-in-password" />
-                  <button type="submit">Continue</button>
-                </form>
-              </div>
-
-              <form id="verifying" hidden>
-                <h2>Verify your account</h2>
-                <label for="totp">Enter your code</label>
-                <input id="totp" name="code" />
-                <label for="backupCode">This code is a backup code</label>
-                <input type="checkbox" id="backupCode" name="backupCode" />
-                <button type="submit" id="verify-button">Verify</button>
-              </form>
-
-              <script
-                async
-                crossorigin="anonymous"
-                data-clerk-publishable-key="{{pub_key}}"
-                src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-                type="text/javascript"
-              ></script>
-
-              <script>
-                window.addEventListener('load', async function () {
-                  await Clerk.load()
-
-                  if (Clerk.user) {
-                    // Mount user button component
-                    document.getElementById('signed-in').innerHTML = `
-                      <div id="user-button"></div>
-                    `
-
-                    const userbuttonDiv = document.getElementById('user-button')
-
-                    Clerk.mountUserButton(userbuttonDiv)
-                  } else {
-                    // Handle the sign-in form
-                    document.getElementById('sign-in-form').addEventListener('submit', async (e) => {
-                      e.preventDefault()
-
-                      const formData = new FormData(e.target)
-                      const emailAddress = formData.get('email')
-                      const password = formData.get('password')
-
-                      try {
-                        // Start the sign-in process
-                        await Clerk.client.signIn.create({
-                          identifier: emailAddress,
-                          password,
-                        })
-
-                        // Hide sign-in form
-                        document.getElementById('sign-in').setAttribute('hidden', '')
-                        // Show verification form
-                        document.getElementById('verifying').removeAttribute('hidden')
-                      } catch (error) {
-                        // See https://clerk.com/docs/custom-flows/error-handling
-                        // for more info on error handling
-                        console.error(error)
-                      }
-                    })
-
-                    // Handle the verification form
-                    document.getElementById('verifying').addEventListener('submit', async (e) => {
-                      const formData = new FormData(e.target)
-                      const totp = formData.get('totp')
-                      const backupCode = formData.get('backupCode')
-
-                      try {
-                        const useBackupCode = backupCode ? true : false
-                        const code = backupCode ? backupCode : totp
-
-                        // Attempt the TOTP or backup code verification
-                        const signInAttempt = await Clerk.client.signIn.attemptSecondFactor({
-                          strategy: useBackupCode ? 'backup_code' : 'totp',
-                          code: code,
-                        })
-
-                        // If verification was completed, set the session to active
-                        // and redirect the user
-                        if (signInAttempt.status === 'complete') {
-                          await Clerk.setActive({
-                            session: signInAttempt.createdSessionId,
-                          })
-
-                          location.reload()
-                        } else {
-                          // If the status is not complete, check why. User may need to
-                          // complete further steps.
-                          console.error(signInAttempt)
-                        }
-                      } catch (error) {
-                        // See https://clerk.com/docs/custom-flows/error-handling
-                        // for more info on error handling
-                        console.error(error)
-                      }
-                    })
-                  }
-                })
-              </script>
-            </body>
-          </html>
-          ```
-        </Tab>
-      </Tabs>
-    </Tab>
-
     <Tab>
       ### Before you start
 
diff --git a/docs/custom-flows/email-password.mdx b/docs/custom-flows/email-password.mdx
index 1961b21aa3..b753ff768d 100644
--- a/docs/custom-flows/email-password.mdx
+++ b/docs/custom-flows/email-password.mdx
@@ -157,11 +157,6 @@ This guide will walk you through how to build a custom email/password sign-up an
       ```
     </Tab>
 
-    <Tab>
-      <Tabs items={["NPM module", "<script>"]}>
-        <Tab>
-          Use the following tabs to view the code necessary for each file.
-
           <CodeBlockTabs options={["index.html", "main.js"]}>
             ```html {{ filename: 'index.html', collapsible: true }}
             <!doctype html>
@@ -259,111 +254,6 @@ This guide will walk you through how to build a custom email/password sign-up an
             }
             ```
           </CodeBlockTabs>
-        </Tab>
-
-        <Tab>
-          ```html {{ filename: 'index.html', collapsible: true }}
-          <!doctype html>
-          <html lang="en">
-            <head>
-              <meta charset="UTF-8" />
-              <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-              <title>Clerk + JavaScript App</title>
-            </head>
-            <body>
-              <div id="signed-in"></div>
-
-              <div id="sign-up">
-                <h2>Sign up</h2>
-                <form id="sign-up-form">
-                  <label for="email">Enter email address</label>
-                  <input type="email" name="email" id="sign-up-email" />
-                  <label for="password">Enter password</label>
-                  <input type="password" name="password" id="sign-up-password" />
-                  <button type="submit">Continue</button>
-                </form>
-              </div>
-
-              <form id="verifying" hidden>
-                <h2>Verify your email</h2>
-                <label for="code">Enter your verification code</label>
-                <input id="code" name="code" />
-                <button type="submit" id="verify-button">Verify</button>
-              </form>
-
-              <script
-                async
-                crossorigin="anonymous"
-                data-clerk-publishable-key="{{pub_key}}"
-                src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-                type="text/javascript"
-              ></script>
-
-              <script>
-                window.addEventListener('load', async function () {
-                  await Clerk.load()
-
-                  if (Clerk.user) {
-                    // Mount user button component
-                    document.getElementById('signed-in').innerHTML = `
-                      <div id="user-button"></div>
-                    `
-
-                    const userbuttonDiv = document.getElementById('user-button')
-
-                    Clerk.mountUserButton(userbuttonDiv)
-                  } else {
-                    // Handle the sign-up form
-                    document.getElementById('sign-up-form').addEventListener('submit', async (e) => {
-                      e.preventDefault()
-
-                      const formData = new FormData(e.target)
-                      const emailAddress = formData.get('email')
-                      const password = formData.get('password')
-
-                      try {
-                        // Start the sign-up process using the email and password provided
-                        await Clerk.client.signUp.create({ emailAddress, password })
-                        await Clerk.client.signUp.prepareEmailAddressVerification()
-                        // Hide sign-up form
-                        document.getElementById('sign-up').setAttribute('hidden', '')
-                        // Show verification form
-                        document.getElementById('verifying').removeAttribute('hidden')
-                      } catch (error) {
-                        // See https://clerk.com/docs/custom-flows/error-handling
-                        // for more info on error handling
-                        console.error(error)
-                      }
-                    })
-
-                    // Handle the verification form
-                    document.getElementById('verifying').addEventListener('submit', async (e) => {
-                      const formData = new FormData(e.target)
-                      const code = formData.get('code')
-
-                      try {
-                        // Use the code the user provided to attempt verification
-                        const signUpAttempt = await Clerk.client.signUp.attemptEmailAddressVerification({
-                          code,
-                        })
-
-                        // Now that the user is created, set the session to active.
-                        await Clerk.setActive({ session: signUpAttempt.createdSessionId })
-                      } catch (error) {
-                        // See https://clerk.com/docs/custom-flows/error-handling
-                        // for more info on error handling
-                        console.error(error)
-                      }
-                    })
-                  }
-                })
-              </script>
-            </body>
-          </html>
-          ```
-        </Tab>
-      </Tabs>
-    </Tab>
 
     <Tab>
       Create a route group with a layout that redirects users if they're already signed in, as shown in the following example:
@@ -680,10 +570,6 @@ This guide will walk you through how to build a custom email/password sign-up an
     </Tab>
 
     <Tab>
-      <Tabs items={["NPM module", "<script>"]}>
-        <Tab>
-          Use the following tabs to view the code necessary for each file.
-
           <CodeBlockTabs options={["index.html", "main.js"]}>
             ```html {{ filename: 'index.html', collapsible: true }}
             <!doctype html>
@@ -765,92 +651,6 @@ This guide will walk you through how to build a custom email/password sign-up an
           </CodeBlockTabs>
         </Tab>
 
-        <Tab>
-          ```html {{ filename: 'index.html', collapsible: true }}
-          <!doctype html>
-          <html lang="en">
-            <head>
-              <meta charset="UTF-8" />
-              <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-              <title>Clerk + JavaScript App</title>
-            </head>
-            <body>
-              <div id="signed-in"></div>
-
-              <div id="sign-in">
-                <h2>Sign in</h2>
-                <form id="sign-in-form">
-                  <label for="email">Enter email address</label>
-                  <input name="email" id="sign-in-email" />
-                  <label for="password">Enter password</label>
-                  <input name="password" id="sign-in-password" />
-                  <button type="submit">Continue</button>
-                </form>
-              </div>
-
-              <script
-                async
-                crossorigin="anonymous"
-                data-clerk-publishable-key="{{pub_key}}"
-                src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-                type="text/javascript"
-              ></script>
-
-              <script>
-                window.addEventListener('load', async function () {
-                  await Clerk.load()
-
-                  if (Clerk.user) {
-                    // Mount user button component
-                    document.getElementById('signed-in').innerHTML = `
-                      <div id="user-button"></div>
-                    `
-
-                    const userbuttonDiv = document.getElementById('user-button')
-
-                    Clerk.mountUserButton(userbuttonDiv)
-                  } else {
-                    // Handle the sign-in form
-                    document.getElementById('sign-in-form').addEventListener('submit', async (e) => {
-                      e.preventDefault()
-
-                      const formData = new FormData(e.target)
-                      const emailAddress = formData.get('email')
-                      const password = formData.get('password')
-
-                      try {
-                        // Start the sign-in process
-                        const signInAttempt = await Clerk.client.signIn.create({
-                          identifier: emailAddress,
-                          password,
-                        })
-
-                        // If the sign-in is complete, set the user as active
-                        if (signInAttempt.status === 'complete') {
-                          await Clerk.setActive({ session: signInAttempt.createdSessionId })
-
-                          location.reload()
-                        } else {
-                          // If the status is not complete, check why. User may need to
-                          // complete further steps.
-                          console.error(JSON.stringify(signInAttempt, null, 2))
-                        }
-                      } catch (error) {
-                        // See https://clerk.com/docs/custom-flows/error-handling
-                        // for more info on error handling
-                        console.error(error)
-                      }
-                    })
-                  }
-                })
-              </script>
-            </body>
-          </html>
-          ```
-        </Tab>
-      </Tabs>
-    </Tab>
-
     <Tab>
       Create a route group with a layout that redirects users if they're already signed in, as shown in the following example:
 
diff --git a/docs/custom-flows/email-sms-otp.mdx b/docs/custom-flows/email-sms-otp.mdx
index 6d0f453e87..4d593e673c 100644
--- a/docs/custom-flows/email-sms-otp.mdx
+++ b/docs/custom-flows/email-sms-otp.mdx
@@ -135,10 +135,6 @@ This guide will walk you through how to build a custom SMS OTP sign-up and sign-
       ```
     </Tab>
 
-    <Tab>
-      <Tabs items={["NPM module", "<script>"]}>
-        <Tab>
-          Use the following tabs to view the code necessary for each file.
 
           <CodeBlockTabs options={["index.html", "main.js"]}>
             ```html {{ filename: 'index.html', collapsible: true }}
@@ -234,108 +230,9 @@ This guide will walk you through how to build a custom SMS OTP sign-up and sign-
             }
             ```
           </CodeBlockTabs>
-        </Tab>
-
-        <Tab>
-          ```html {{ filename: 'index.html', collapsible: true }}
-          <!doctype html>
-          <html lang="en">
-            <head>
-              <meta charset="UTF-8" />
-              <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-              <title>Clerk + JavaScript App</title>
-            </head>
-            <body>
-              <div id="signed-in"></div>
-
-              <div id="sign-up">
-                <h2>Sign up</h2>
-                <form id="sign-up-form">
-                  <label for="phone">Enter phone number</label>
-                  <input type="tel" name="phone" id="sign-up-phone" />
-                  <button type="submit">Continue</button>
-                </form>
-              </div>
-
-              <form id="verifying" hidden>
-                <h2>Verify your phone number</h2>
-                <label for="code">Enter your verification code</label>
-                <input id="code" name="code" />
-                <button type="submit" id="verify-button">Verify</button>
-              </form>
+     
 
-              <script
-                async
-                crossorigin="anonymous"
-                data-clerk-publishable-key="{{pub_key}}"
-                src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-                type="text/javascript"
-              ></script>
-
-              <script>
-                window.addEventListener('load', async function () {
-                  await Clerk.load()
-
-                  if (Clerk.user) {
-                    // Mount user button component
-                    document.getElementById('signed-in').innerHTML = `
-                    <div id="user-button"></div>
-                  `
-
-                    const userbuttonDiv = document.getElementById('user-button')
-
-                    Clerk.mountUserButton(userbuttonDiv)
-                  } else {
-                    // Handle the sign-up form
-                    document.getElementById('sign-up-form').addEventListener('submit', async (e) => {
-                      e.preventDefault()
-
-                      const formData = new FormData(e.target)
-                      const phoneNumber = formData.get('phone')
-
-                      try {
-                        // Start the sign-up process using the phone number method
-                        await Clerk.client.signUp.create({ phoneNumber })
-                        await Clerk.client.signUp.preparePhoneNumberVerification()
-                        // Hide sign-up form
-                        document.getElementById('sign-up').setAttribute('hidden', '')
-                        // Show verification form
-                        document.getElementById('verifying').removeAttribute('hidden')
-                      } catch (error) {
-                        // See https://clerk.com/docs/custom-flows/error-handling
-                        // for more info on error handling
-                        console.error(error)
-                      }
-                    })
-
-                    // Handle the verification form
-                    document.getElementById('verifying').addEventListener('submit', async (e) => {
-                      const formData = new FormData(e.target)
-                      const code = formData.get('code')
-
-                      try {
-                        // Verify the phone number
-                        const verify = await Clerk.client.signUp.attemptPhoneNumberVerification({
-                          code,
-                        })
-
-                        // Now that the user is created, set the session to active.
-                        await Clerk.setActive({ session: verify.createdSessionId })
-                      } catch (error) {
-                        // See https://clerk.com/docs/custom-flows/error-handling
-                        // for more info on error handling
-                        console.error(error)
-                      }
-                    })
-                  }
-                })
-              </script>
-            </body>
-          </html>
-          ```
-        </Tab>
-      </Tabs>
-    </Tab>
+     
 
     <Tab>
       ```swift {{ filename: 'SMSOTPSignUpView.swift', collapsible: true }}
@@ -541,10 +438,6 @@ This guide will walk you through how to build a custom SMS OTP sign-up and sign-
       ```
     </Tab>
 
-    <Tab>
-      <Tabs items={["NPM module", "<script>"]}>
-        <Tab>
-          Use the following tabs to view the code necessary for each file.
 
           <CodeBlockTabs options={["index.html", "main.js"]}>
             ```html {{ filename: 'index.html', collapsible: true }}
@@ -658,126 +551,7 @@ This guide will walk you through how to build a custom SMS OTP sign-up and sign-
             }
             ```
           </CodeBlockTabs>
-        </Tab>
-
-        <Tab>
-          ```html {{ filename: 'index.html', collapsible: true }}
-          <!doctype html>
-          <html lang="en">
-            <head>
-              <meta charset="UTF-8" />
-              <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-              <title>Clerk + JavaScript App</title>
-            </head>
-            <body>
-              <div id="signed-in"></div>
-
-              <div id="sign-in">
-                <h2>Sign in</h2>
-                <form id="sign-in-form">
-                  <label for="phone">Enter phone number</label>
-                  <input type="tel" name="phone" id="sign-in-phone" />
-                  <button type="submit">Continue</button>
-                </form>
-              </div>
-
-              <form id="verifying" hidden>
-                <h2>Verify your phone number</h2>
-                <label for="code">Enter your verification code</label>
-                <input id="code" name="code" />
-                <button type="submit" id="verify-button">Verify</button>
-              </form>
-
-              <script
-                async
-                crossorigin="anonymous"
-                data-clerk-publishable-key="{{pub_key}}"
-                src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-                type="text/javascript"
-              ></script>
-
-              <script>
-                window.addEventListener('load', async function () {
-                  await Clerk.load()
-
-                  if (Clerk.user) {
-                    // Mount user button component
-                    document.getElementById('signed-in').innerHTML = `
-                      <div id="user-button"></div>
-                    `
-
-                    const userbuttonDiv = document.getElementById('user-button')
-
-                    Clerk.mountUserButton(userbuttonDiv)
-                  } else {
-                    // Handle the sign-in form
-                    document.getElementById('sign-in-form').addEventListener('submit', async (e) => {
-                      e.preventDefault()
-
-                      const formData = new FormData(e.target)
-                      const phone = formData.get('phone')
-
-                      try {
-                        // Start the sign-in process using the user's identifier.
-                        // In this case, it's their phone number.
-                        const { supportedFirstFactors } = await Clerk.client.signIn.create({
-                          identifier: phone,
-                        })
-
-                        // Find the phoneNumberId from all the available first factors for the current sign-in
-                        const firstPhoneFactor = supportedFirstFactors.find((factor) => {
-                          return factor.strategy === 'phone_code'
-                        })
-
-                        const { phoneNumberId } = firstPhoneFactor
-
-                        // Prepare first factor verification, specifying
-                        // the phone code strategy.
-                        await Clerk.client.signIn.prepareFirstFactor({
-                          strategy: 'phone_code',
-                          phoneNumberId,
-                        })
-
-                        // Hide sign-in form
-                        document.getElementById('sign-in').setAttribute('hidden', '')
-                        // Show verification form
-                        document.getElementById('verifying').removeAttribute('hidden')
-                      } catch (error) {
-                        // See https://clerk.com/docs/custom-flows/error-handling
-                        // for more info on error handling
-                        console.error(error)
-                      }
-                    })
-
-                    // Handle the verification form
-                    document.getElementById('verifying').addEventListener('submit', async (e) => {
-                      const formData = new FormData(e.target)
-                      const code = formData.get('code')
-
-                      try {
-                        // Verify the phone number
-                        const verify = await Clerk.client.signIn.attemptFirstFactor({
-                          strategy: 'phone_code',
-                          code,
-                        })
-
-                        // Now that the user is created, set the session to active.
-                        await Clerk.setActive({ session: verify.createdSessionId })
-                      } catch (error) {
-                        // See https://clerk.com/docs/custom-flows/error-handling
-                        // for more info on error handling
-                        console.error(error)
-                      }
-                    })
-                  }
-                })
-              </script>
-            </body>
-          </html>
-          ```
-        </Tab>
-      </Tabs>
-    </Tab>
+    
 
     <Tab>
       ```swift {{ filename: 'SMSOTPSignInView.swift', collapsible: true }}
diff --git a/docs/custom-flows/error-handling.mdx b/docs/custom-flows/error-handling.mdx
index 81b08db8e2..3842f0e736 100644
--- a/docs/custom-flows/error-handling.mdx
+++ b/docs/custom-flows/error-handling.mdx
@@ -111,11 +111,6 @@ The following example uses the [email & password sign-in custom flow](/docs/cust
     ```
   </Tab>
 
-  <Tab>
-    <Tabs items={["NPM module", "<script>"]}>
-      <Tab>
-        Use the following tabs to view the code necessary for each file.
-
         <CodeBlockTabs options={["index.html", "main.js"]}>
           ```html {{ filename: 'index.html' }}
           <!doctype html>
@@ -219,117 +214,7 @@ The following example uses the [email & password sign-in custom flow](/docs/cust
           }
           ```
         </CodeBlockTabs>
-      </Tab>
-
-      <Tab>
-        ```html {{ filename: 'index.html' }}
-        <!doctype html>
-        <html lang="en">
-          <head>
-            <meta charset="UTF-8" />
-            <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-            <title>Clerk + JavaScript App</title>
-          </head>
-          <body>
-            <div id="signed-in"></div>
-
-            <div id="sign-up">
-              <h2>Sign up</h2>
-              <form id="sign-up-form">
-                <label for="email">Enter email address</label>
-                <input type="email" name="email" id="sign-up-email" />
-                <label for="password">Enter password</label>
-                <input type="password" name="password" id="sign-up-password" />
-                <button type="submit">Continue</button>
-              </form>
-            </div>
-
-            <form id="verifying" hidden>
-              <h2>Verify your email</h2>
-              <label for="code">Enter your verification code</label>
-              <input id="code" name="code" />
-              <button type="submit" id="verify-button">Verify</button>
-            </form>
-
-            <p id="error"></p>
-
-            <script
-              async
-              crossorigin="anonymous"
-              data-clerk-publishable-key="{{pub_key}}"
-              src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-              type="text/javascript"
-            ></script>
-
-            <script>
-              window.addEventListener('load', async function () {
-                await Clerk.load()
-
-                if (Clerk.user) {
-                  // Mount user button component
-                  document.getElementById('signed-in').innerHTML = `
-                    <div id="user-button"></div>
-                  `
-
-                  const userbuttonDiv = document.getElementById('user-button')
-
-                  Clerk.mountUserButton(userbuttonDiv)
-                } else {
-                  // Handle the sign-up form
-                  document.getElementById('sign-up-form').addEventListener('submit', async (e) => {
-                    e.preventDefault()
-
-                    const formData = new FormData(e.target)
-                    const emailAddress = formData.get('email')
-                    const password = formData.get('password')
-
-                    try {
-                      // Start the sign-up process using the phone number method
-                      await Clerk.client.signUp.create({ emailAddress, password })
-                      await Clerk.client.signUp.prepareEmailAddressVerification()
-                      // Hide sign-up form
-                      document.getElementById('sign-up').setAttribute('hidden', '')
-                      // Show verification form
-                      document.getElementById('verifying').removeAttribute('hidden')
-                    } catch (error) {
-                      if (isClerkAPIResponseError(err)) {
-                        const errors = err.errors
-                        document.getElementById('error').textContent = errors[0].longMessage
-                      }
-                      console.error(JSON.stringify(err, null, 2))
-                    }
-                  })
-
-                  // Handle the verification form
-                  document.getElementById('verifying').addEventListener('submit', async (e) => {
-                    const formData = new FormData(e.target)
-                    const code = formData.get('code')
-
-                    try {
-                      // Verify the phone number
-                      const verify = await Clerk.client.signUp.attemptEmailAddressVerification({
-                        code,
-                      })
-
-                      // Now that the user is created, set the session to active.
-                      await Clerk.setActive({ session: verify.createdSessionId })
-                    } catch (error) {
-                      if (isClerkAPIResponseError(err)) {
-                        const errors = err.errors
-                        document.getElementById('error').textContent = errors[0].longMessage
-                      }
-                      console.error(JSON.stringify(err, null, 2))
-                    }
-                  })
-                }
-              })
-            </script>
-          </body>
-        </html>
-        ```
-      </Tab>
-    </Tabs>
-  </Tab>
+      
 </Tabs>
 
 ## Special error cases
diff --git a/docs/custom-flows/invitations.mdx b/docs/custom-flows/invitations.mdx
index e911df6ad2..4ac306e71c 100644
--- a/docs/custom-flows/invitations.mdx
+++ b/docs/custom-flows/invitations.mdx
@@ -132,7 +132,7 @@ To create a sign-up flow using the invitation token, you need to extract the tok
   </Tab>
 
   <Tab>
-    <Tabs items={["NPM module", "<script>"]}>
+    <Tabs items={["NPM module"]}>
       <CodeBlockTabs options={["index.html", "main.js"]}>
         ```html {{ filename: 'index.html' }}
         <!doctype html>
@@ -221,97 +221,6 @@ To create a sign-up flow using the invitation token, you need to extract the tok
         ```
       </CodeBlockTabs>
 
-      <Tab>
-        ```html {{ filename: 'index.html' }}
-        <!doctype html>
-        <html lang="en">
-          <head>
-            <meta charset="UTF-8" />
-            <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-            <title>Clerk + JavaScript App</title>
-          </head>
-          <body>
-            <div id="signed-in"></div>
-
-            <div id="sign-up">
-              <h2>Sign up</h2>
-              <form id="sign-up-form">
-                <label for="firstName">Enter first name</label>
-                <input name="firstName" id="firstName" />
-                <label for="lastName">Enter last name</label>
-                <input name="lastName" id="lastName" />
-                <label for="password">Enter password</label>
-                <input name="password" id="password" />
-                <button type="submit">Continue</button>
-              </form>
-            </div>
-
-            <script
-              async
-              crossorigin="anonymous"
-              data-clerk-publishable-key="{{pub_key}}"
-              src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-              type="text/javascript"
-            ></script>
-
-            <script>
-              window.addEventListener('load', async function () {
-                await Clerk.load()
-
-                if (Clerk.user) {
-                  // Mount user button component
-                  document.getElementById('signed-in').innerHTML = `
-                    <div id="user-button"></div>
-                  `
-
-                  const userbuttonDiv = document.getElementById('user-button')
-
-                  Clerk.mountUserButton(userbuttonDiv)
-                } else {
-                  // Get the token from the query parameter
-                  const param = '__clerk_ticket'
-                  const token = new URL(window.location.href).searchParams.get(param)
-
-                  // Handle the sign-up form
-                  document.getElementById('sign-up-form').addEventListener('submit', async (e) => {
-                    e.preventDefault()
-
-                    const formData = new FormData(e.target)
-                    const firstName = formData.get('firstName')
-                    const lastName = formData.get('lastName')
-                    const password = formData.get('password')
-
-                    try {
-                      // Start the sign-up process using the ticket method
-                      const signUpAttempt = await Clerk.client.signUp.create({
-                        strategy: 'ticket',
-                        ticket: token,
-                        firstName,
-                        lastName,
-                        password,
-                      })
-
-                      // If sign-up was successful, set the session to active
-                      if (signUpAttempt.status === 'complete') {
-                        await Clerk.setActive({ session: signUpAttempt.createdSessionId })
-                      } else {
-                        // If the status is not complete, check why. User may need to
-                        // complete further steps.
-                        console.error(JSON.stringify(signUpAttempt, null, 2))
-                      }
-                    } catch (err) {
-                      // See https://clerk.com/docs/custom-flows/error-handling
-                      // for more info on error handling
-                      console.error(JSON.stringify(err, null, 2))
-                    }
-                  })
-                }
-              })
-            </script>
-          </body>
-        </html>
-        ```
-      </Tab>
     </Tabs>
   </Tab>
 </Tabs>
diff --git a/docs/custom-flows/sign-out.mdx b/docs/custom-flows/sign-out.mdx
index f814d16a1e..cd44ad2f8b 100644
--- a/docs/custom-flows/sign-out.mdx
+++ b/docs/custom-flows/sign-out.mdx
@@ -38,10 +38,6 @@ The `signOut()` function signs a user out of all sessions in a [multi-session ap
     ```
   </Tab>
 
-  <Tab>
-    <Tabs items={["NPM module", "<script>"]}>
-      <Tab>
-        Use the following tabs to view the code necessary for each file.
 
         <CodeBlockTabs options={["index.html", "main.js"]}>
           ```html {{ filename: 'index.html', collapsible: true }}
@@ -79,52 +75,7 @@ The `signOut()` function signs a user out of all sessions in a [multi-session ap
           }
           ```
         </CodeBlockTabs>
-      </Tab>
-
-      <Tab>
-        ```html {{ filename: 'index.html', collapsible: true }}
-        <!doctype html>
-        <html lang="en">
-          <head>
-            <meta charset="UTF-8" />
-            <link rel="icon" type="image/svg+xml" href="/clerk.svg" />
-            <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-            <title>Clerk + JavaScript App</title>
-          </head>
-
-          <body>
-            <div id="app"></div>
-            <button id="sign-out">Sign out</button>
-
-            <!-- Clerk's JavaScript SDK -->
-            <script
-              async
-              crossorigin="anonymous"
-              data-clerk-publishable-key="{{pub_key}}"
-              src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-              type="text/javascript"
-            ></script>
-
-            <!-- Your custom sign-out button -->
-            <script>
-              window.addEventListener('load', async function () {
-                await Clerk.load()
-
-                if (Clerk.user) {
-                  document.getElementById('sign-out').addEventListener('click', async function () {
-                    await Clerk.signOut()
-                    // Optional: refresh page after sign-out
-                    window.location.reload()
-                  })
-                }
-              })
-            </script>
-          </body>
-        </html>
-        ```
-      </Tab>
-    </Tabs>
-  </Tab>
+      
 
   <Tab>
     ```swift {{ filename: 'SignOutView.swift', collapsible: true }}
diff --git a/docs/customization/organization-profile.mdx b/docs/customization/organization-profile.mdx
index 9e648c1698..2914010ddc 100644
--- a/docs/customization/organization-profile.mdx
+++ b/docs/customization/organization-profile.mdx
@@ -164,7 +164,6 @@ The following example demonstrates two ways that you can render content in the `
 
 To add custom pages to the `<OrganizationProfile />` component using the [JavaScript SDK](/docs/references/javascript/overview), you can pass the  `customPages` property to the `mountOrganizationProfile()` or `openOrganizationProfile()` method, as shown in the following example:
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js' }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -213,64 +212,6 @@ To add custom pages to the `<OrganizationProfile />` component using the [JavaSc
   })
   ```
 
-  ```html {{ filename: 'index.html' }}
-  <!-- Add a <div id="organization-profile"> element to your HTML -->
-  <div id="organization-profile"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      const orgProfileDiv = document.getElementById('organization-profile')
-
-      Clerk.openOrganizationProfile(orgProfileDiv, {
-        customPages: [
-          {
-            url: 'custom-page',
-            label: 'Custom Page',
-            mountIcon: (el) => {
-              el.innerHTML = '👋'
-            },
-            unmountIcon: (el) => {
-              el.innerHTML = ''
-            },
-            mount: (el) => {
-              el.innerHTML = `
-                <h1><b>Custom Page</b></h1>
-                <p>This is the content of the custom page.</p>
-                `
-            },
-            unmount: (el) => {
-              el.innerHTML = ''
-            },
-          },
-          {
-            url: '/other-page',
-            label: 'Other Page',
-            mountIcon: (el) => {
-              el.innerHTML = '🌐'
-            },
-            unmountIcon: (el) => {
-              el.innerHTML = ''
-            },
-          },
-        ],
-      })
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ## Add a custom link to `<OrganizationProfile />`
 
 You can add external links to the `<OrganizationProfile />` navigation sidebar using the `<OrganizationSwitcher.OrganizationProfileLink />` component or the `<OrganizationProfile.Link />` component, depending on your use case.
diff --git a/docs/customization/user-profile.mdx b/docs/customization/user-profile.mdx
index cab1ceafcb..9933ce5625 100644
--- a/docs/customization/user-profile.mdx
+++ b/docs/customization/user-profile.mdx
@@ -210,7 +210,6 @@ The following example demonstrates two ways that you can render content in the `
 
 To add custom pages to the `<UserProfile />` component using the [JavaScript SDK](/docs/references/javascript/overview), you can pass the `customPages` property to the `mountUserProfile()` or `openUserProfile()` method, as shown in the following example:
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js' }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -259,63 +258,6 @@ To add custom pages to the `<UserProfile />` component using the [JavaScript SDK
   })
   ```
 
-  ```html {{ filename: 'index.html' }}
-  <!-- Add a <div id="user-profile"> element to your HTML -->
-  <div id="user-profile"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      const userProfileDiv = document.getElementById('user-profile')
-
-      Clerk.openUserProfile(userProfileDiv, {
-        customPages: [
-          {
-            url: 'custom-page',
-            label: 'Custom Page',
-            mountIcon: (el) => {
-              el.innerHTML = '👋'
-            },
-            unmountIcon: (el) => {
-              el.innerHTML = ''
-            },
-            mount: (el) => {
-              el.innerHTML = `
-                <h1><b>Custom Page</b></h1>
-                <p>This is the content of the custom page.</p>
-                `
-            },
-            unmount: (el) => {
-              el.innerHTML = ''
-            },
-          },
-          {
-            url: '/other-page',
-            label: 'Other Page',
-            mountIcon: (el) => {
-              el.innerHTML = '🌐'
-            },
-            unmountIcon: (el) => {
-              el.innerHTML = ''
-            },
-          },
-        ],
-      })
-    })
-  </script>
-  ```
-</CodeBlockTabs>
 
 ## Add a custom link to <code>\<UserProfile /></code>
 
diff --git a/docs/quickstarts/javascript.mdx b/docs/quickstarts/javascript.mdx
index 23eb217cbb..2c49d8bf12 100644
--- a/docs/quickstarts/javascript.mdx
+++ b/docs/quickstarts/javascript.mdx
@@ -24,22 +24,11 @@ description: Add authentication and user management to your JavaScript app with
   - Use Clerk components to allow users to sign in or out
 </TutorialHero>
 
-To add the [JavaScript SDK](/docs/references/javascript/overview) to your JavaScript app, you have two options:
+To install Clerk's JavaScript SDK to your JavaScript app, you need to use a bundler like [Vite](https://vitejs.dev/) or [Webpack](https://webpack.js.org/).
 
-1. Install the package using a package manager, like `npm`.
-1. Use the `<script>` tag to load the ClerkJS package from our CDN.
-
-Use the following tabs to choose your preferred method.
-
-<Tabs items={["NPM module", "<script>"]}>
-  {  /* NPM module tab */}
-
-  <Tab>
     <Steps>
       ### Set up a JavaScript app using Vite
 
-      To install Clerk's JavaScript SDK, you need to use a bundler like [Vite](https://vitejs.dev/) or [Webpack](https://webpack.js.org/).
-
       For this tutorial, run the following commands to create a JavaScript app using [Vite](https://vitejs.dev/guide/#scaffolding-your-first-vite-project). From the prompts, choose the **Vanilla** framework, and then choose the **JavaScript** variant.
 
       <CodeBlockTabs options={["npm", "yarn", "pnpm"]}>
@@ -203,97 +192,7 @@ Use the following tabs to choose your preferred method.
 
       Now visit your app's homepage at [`http://localhost:5173`](http://localhost:5173). Sign up to create your first user.
     </Steps>
-  </Tab>
-
-  {  /* <script> tag tab */}
-
-  <Tab>
-    <Steps>
-      ### Add the SDK using a `<script>` tag
-
-      This `<script>` tag will load Clerk's JavaScript SDK from our CDN and initialize it with your Clerk **Publishable Key** and **Frontend API URL**. It should be placed before any other `<script>` tags that use the JavaScript SDK.
-
-      1. In the Clerk Dashboard, navigate to the [**API Keys**](https://dashboard.clerk.com/last-active?path=api-keys) page.
-      1. In the **Quick Copy** section, select **JavaScript** from the dropdown menu.
-      1. Copy the `<script>` tag and paste it into your HTML file, as shown in the following example:
-
-      ```html {{ filename: 'index.html' }}
-      <!-- Rest of your HTML file -->
-
-      <script
-        async
-        crossorigin="anonymous"
-        data-clerk-publishable-key="{{pub_key}}"
-        src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-        type="text/javascript"
-      ></script>
-      ```
-
-      ### Listen for the `load` event
-
-      Below the `<script`> tag that initializes the SDK, create another `<script>` tag that listens for the `load` event and call Clerk's [`load()`](/docs/references/javascript/clerk/clerk#load) method to load the SDK, as shown in the following example:
 
-      ```html {{ filename: 'index.html' }}
-      <!-- Rest of your HTML file -->
-
-      <script>
-        window.addEventListener('load', async function () {
-          await Clerk.load()
-
-          console.log('ClerkJS is loaded')
-        })
-      </script>
-      ```
-
-      ### Allow users to sign in or out
-
-      Clerk's [prebuilt components](/docs/components/overview) are the easiest way to add authentication and user management to your app. They come styled out-of-the-box and are customizable to fit your app's design.
-
-      To get started, you will use:
-
-      - [`<SignIn />`](/docs/components/authentication/sign-in): renders a user interface for signing in.
-      - [`<UserButton />`](/docs/components/user/user-button): Shows the signed-in user's avatar. Selecting it opens a dropdown menu with account management options.
-
-      ```html {{ filename: 'index.html' }}
-      <div id="app"></div>
-
-      <!-- Initialize Clerk with your
-      Clerk Publishable key and Frontend API URL -->
-      <script
-        async
-        crossorigin="anonymous"
-        data-clerk-publishable-key="{{pub_key}}"
-        src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-        type="text/javascript"
-      ></script>
-
-      <script>
-        window.addEventListener('load', async function () {
-          await Clerk.load()
-
-          if (Clerk.user) {
-            document.getElementById('app').innerHTML = `
-              <div id="user-button"></div>
-            `
-
-            const userButtonDiv = document.getElementById('user-button')
-
-            Clerk.mountUserButton(userButtonDiv)
-          } else {
-            document.getElementById('app').innerHTML = `
-              <div id="sign-in"></div>
-            `
-
-            const signInDiv = document.getElementById('sign-in')
-
-            Clerk.mountSignIn(signInDiv)
-          }
-        })
-      </script>
-      ```
-    </Steps>
-  </Tab>
-</Tabs>
 
 ### More resources
 
diff --git a/docs/references/javascript/clerk/organization-methods.mdx b/docs/references/javascript/clerk/organization-methods.mdx
index b82b5eb80d..c511b0ac57 100644
--- a/docs/references/javascript/clerk/organization-methods.mdx
+++ b/docs/references/javascript/clerk/organization-methods.mdx
@@ -164,10 +164,7 @@ function createOrganization({ name, slug }: CreateOrganizationParams): Promise<O
 </Properties>
 
 ### Example
-
-<Tabs items={['NPM module', '<script>']}>
-  <Tab>
-    <CodeBlockTabs options={["main.js", "index.html"]}>
+<CodeBlockTabs options={["main.js", "index.html"]}>
       ```js {{ filename: 'main.js', mark: [[10, 13]] }}
       import { Clerk } from '@clerk/clerk-js'
 
@@ -211,41 +208,4 @@ function createOrganization({ name, slug }: CreateOrganizationParams): Promise<O
       </html>
       ```
     </CodeBlockTabs>
-  </Tab>
-
-  <Tab>
-    ```html {{ filename: 'index.html', mark: [[21, 23]] }}
-    <div id="sign-in"></div>
-    <div id="create-org-button"></div>
-
-    <!-- Initialize Clerk with your
-    Clerk Publishable key and Frontend API URL -->
-    <script
-      async
-      crossorigin="anonymous"
-      data-clerk-publishable-key="{{pub_key}}"
-      src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-      type="text/javascript"
-    ></script>
-
-    <script>
-      window.addEventListener('load', async function () {
-        await Clerk.load()
-
-        if (Clerk.user) {
-          const createOrgButton = document.getElementById('create-org-button')
-          createOrgButton.addEventListener('click', () => {
-            Clerk.createOrganization({ name: 'test' })
-              .then((res) => console.log(res))
-              .catch((error) => console.log('An error occurred:', error.errors))
-          })
-        } else {
-          const signInDiv = document.getElementById('sign-in')
-
-          Clerk.mountSignIn(signInDiv)
-        }
-      })
-    </script>
-    ```
-  </Tab>
-</Tabs>
+  
\ No newline at end of file
diff --git a/docs/references/javascript/organization-invitation.mdx b/docs/references/javascript/organization-invitation.mdx
index 54d33bc17a..c111f20bd7 100644
--- a/docs/references/javascript/organization-invitation.mdx
+++ b/docs/references/javascript/organization-invitation.mdx
@@ -86,7 +86,6 @@ It assumes:
 - you have followed the [quickstart](/docs/quickstarts/javascript) in order to add Clerk to your JavaScript application
 - you have [enabled the Organizations feature in your Clerk Dashboard](/docs/organizations/overview#enable-organizations-in-your-application)
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [21, 22] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -135,65 +134,3 @@ It assumes:
     clerk.mountSignIn(signInDiv)
   }
   ```
-
-  ```html {{ filename: 'index.html', mark: [31, 32] }}
-  <div id="app"></div>
-
-  <!-- Initialize Clerk with your
-    Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      if (Clerk.user) {
-        // Check for an active organization
-        if (Clerk.organization) {
-          // Get list of organization invitations
-          const { totalCount, data } = await Clerk.organization.getInvitations()
-
-          const invitations = data
-          console.log(`Invitations:`, invitations)
-
-          if (invitations.length === 0) {
-            console.log('No invitations to revoke.')
-          }
-
-          // Revoke the first invitation in the list
-          invitations[0]
-            .revoke()
-            .then((res) => console.log(res))
-            .catch((error) => console.log(error.errors))
-        } else {
-          // If there is no active organization,
-          // mount Clerk's <OrganizationSwitcher />
-          // to allow the user to set an organization as active
-          document.getElementById('app').innerHTML = `
-            <h2>Select an organization to set it as active</h2>
-            <div id="org-switcher"></div>
-          `
-
-          const orgSwitcherDiv = document.getElementById('org-switcher')
-
-          Clerk.mountOrganizationSwitcher(orgSwitcherDiv)
-        }
-      } else {
-        document.getElementById('app').innerHTML = `
-            <div id="sign-in"></div>
-          `
-
-        const signInDiv = document.getElementById('sign-in')
-
-        Clerk.mountSignIn(signInDiv)
-      }
-    })
-  </script>
-  ```
-</CodeBlockTabs>
diff --git a/docs/references/javascript/organization/domains.mdx b/docs/references/javascript/organization/domains.mdx
index 4273c78320..591b9cc0a6 100644
--- a/docs/references/javascript/organization/domains.mdx
+++ b/docs/references/javascript/organization/domains.mdx
@@ -35,8 +35,6 @@ function createDomain(domainName: string): Promise<OrganizationDomainResource>
 | `Promise<OrganizationDomain>` | This method returns a `Promise` that resolves to the [`OrganizationDomain`][org-domain-ref] for the corresponding ID. |
 
 ### Example
-
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [10, 11] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -75,55 +73,6 @@ function createDomain(domainName: string): Promise<OrganizationDomainResource>
   }
   ```
 
-  ```html {{ filename: 'index.html', mark: [20, 21] }}
-  <div id="app"></div>
-
-  <!-- Initialize Clerk with your
-    Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      if (Clerk.user) {
-        // Check for an active organization
-        if (Clerk.organization) {
-          await Clerk.organization
-            .createDomain('test-domain.com')
-            .then((res) => console.log(res))
-            .catch((error) => console.log('An error occurred:', error.errors))
-        } else {
-          // If there is no active organization,
-          // mount Clerk's <OrganizationSwitcher />
-          // to allow the user to set an organization as active
-          document.getElementById('app').innerHTML = `
-              <h2>Select an organization to set it as active</h2>
-              <div id="org-switcher"></div>
-            `
-
-          const orgSwitcherDiv = document.getElementById('org-switcher')
-
-          Clerk.mountOrganizationSwitcher(orgSwitcherDiv)
-        }
-      } else {
-        document.getElementById('app').innerHTML = `
-            <div id="sign-in"></div>
-          `
-        const signInDiv = document.getElementById('sign-in')
-        Clerk.mountSignIn(signInDiv)
-      }
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ## `getDomains()`
 
 Retrieves the list of domains for the currently active organization.
@@ -163,7 +112,6 @@ function getDomains(params?: GetDomainsParams): Promise<ClerkPaginatedResponse<O
 
 ### Example
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [10, 11] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -202,55 +150,6 @@ function getDomains(params?: GetDomainsParams): Promise<ClerkPaginatedResponse<O
   }
   ```
 
-  ```html {{ filename: 'index.html', mark: [20, 21] }}
-  <div id="app"></div>
-
-  <!-- Initialize Clerk with your
-    Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      if (Clerk.user) {
-        // Check for an active organization
-        if (Clerk.organization) {
-          await Clerk.organization
-            .getDomains()
-            .then((res) => console.log(res))
-            .catch((error) => console.log('An error occurred:', error.errors))
-        } else {
-          // If there is no active organization,
-          // mount Clerk's <OrganizationSwitcher />
-          // to allow the user to set an organization as active
-          document.getElementById('app').innerHTML = `
-              <h2>Select an organization to set it as active</h2>
-              <div id="org-switcher"></div>
-            `
-
-          const orgSwitcherDiv = document.getElementById('org-switcher')
-
-          Clerk.mountOrganizationSwitcher(orgSwitcherDiv)
-        }
-      } else {
-        document.getElementById('app').innerHTML = `
-            <div id="sign-in"></div>
-          `
-        const signInDiv = document.getElementById('sign-in')
-        Clerk.mountSignIn(signInDiv)
-      }
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ## `getDomain()`
 
 Retrieves a domain for an organization based on the given domain ID.
@@ -276,7 +175,6 @@ function getDomain(params: GetDomainParams): Promise<OrganizationDomain>
 
 ### Example
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [12, 13] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -317,55 +215,4 @@ function getDomain(params: GetDomainParams): Promise<OrganizationDomain>
   }
   ```
 
-  ```html {{ filename: 'index.html', mark: [22, 23] }}
-  <div id="app"></div>
-
-  <!-- Initialize Clerk with your
-    Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      if (Clerk.user) {
-        // Check for an active organization
-        if (Clerk.organization) {
-          const domainId = 'orgdmn_123'
-
-          await Clerk.organization
-            .getDomain({ domainId })
-            .then((res) => console.log(`Domains:`, res))
-            .catch((error) => console.log('An error occurred:', error.errors))
-        } else {
-          // If there is no active organization,
-          // mount Clerk's <OrganizationSwitcher />
-          // to allow the user to set an organization as active
-          document.getElementById('app').innerHTML = `
-              <h2>Select an organization to set it as active</h2>
-              <div id="org-switcher"></div>
-            `
-
-          const orgSwitcherDiv = document.getElementById('org-switcher')
-
-          Clerk.mountOrganizationSwitcher(orgSwitcherDiv)
-        }
-      } else {
-        document.getElementById('app').innerHTML = `
-            <div id="sign-in"></div>
-          `
-        const signInDiv = document.getElementById('sign-in')
-        Clerk.mountSignIn(signInDiv)
-      }
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 [org-domain-ref]: /docs/references/javascript/organization-domain
diff --git a/docs/references/javascript/organization/invitations.mdx b/docs/references/javascript/organization/invitations.mdx
index 32b83247e7..7f567b6b85 100644
--- a/docs/references/javascript/organization/invitations.mdx
+++ b/docs/references/javascript/organization/invitations.mdx
@@ -51,7 +51,6 @@ function getInvitations(
 
 ### Example
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [10, 11] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -90,56 +89,6 @@ function getInvitations(
   }
   ```
 
-  ```html {{ filename: 'index.html', mark: [20, 21] }}
-  <div id="app"></div>
-
-  <!-- Initialize Clerk with your
-    Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      if (Clerk.user) {
-        // Check for an active organization
-        if (Clerk.organization) {
-          await Clerk.organization
-            .getInvitations()
-            .then((res) => console.log(res))
-            .catch((error) => console.log('An error occurred:', error.errors))
-        } else {
-          // If there is no active organization,
-          // mount Clerk's <OrganizationSwitcher />
-          // to allow the user to set an organization as active
-          document.getElementById('app').innerHTML = `
-              <h2>Select an organization to set it as active</h2>
-              <div id="org-switcher"></div>
-            `
-
-          const orgSwitcherDiv = document.getElementById('org-switcher')
-
-          Clerk.mountOrganizationSwitcher(orgSwitcherDiv)
-        }
-      } else {
-        document.getElementById('app').innerHTML = `
-            <div id="sign-in"></div>
-          `
-
-        const signInDiv = document.getElementById('sign-in')
-
-        Clerk.mountSignIn(signInDiv)
-      }
-    })
-  </script>
-  ```
-</CodeBlockTabs>
 
 ## `inviteMember()`
 
@@ -173,7 +122,6 @@ function inviteMember(params: InviteMemberParams): Promise<OrganizationInvitatio
 
 ### Example
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [13, 14] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -215,60 +163,6 @@ function inviteMember(params: InviteMemberParams): Promise<OrganizationInvitatio
   }
   ```
 
-  ```html {{ filename: 'index.html', mark: [23, 24] }}
-  <div id="app"></div>
-
-  <!-- Initialize Clerk with your
-    Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      if (Clerk.user) {
-        // Check for an active organization
-        if (Clerk.organization) {
-          const emailAddress = 'test@test.com'
-          const role = 'org:member'
-
-          await Clerk.organization
-            .inviteMember({ emailAddress, role })
-            .then((res) => console.log(res))
-            .catch((error) => console.log('An error occurred:', error.errors))
-        } else {
-          // If there is no active organization,
-          // mount Clerk's <OrganizationSwitcher />
-          // to allow the user to set an organization as active
-          document.getElementById('app').innerHTML = `
-              <h2>Select an organization to set it as active</h2>
-              <div id="org-switcher"></div>
-            `
-
-          const orgSwitcherDiv = document.getElementById('org-switcher')
-
-          Clerk.mountOrganizationSwitcher(orgSwitcherDiv)
-        }
-      } else {
-        document.getElementById('app').innerHTML = `
-            <div id="sign-in"></div>
-          `
-
-        const signInDiv = document.getElementById('sign-in')
-
-        Clerk.mountSignIn(signInDiv)
-      }
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ## `inviteMembers()`
 
 Creates and sends an invitation to the target email addresses for becoming a member with the role passed in the parameters.
@@ -301,8 +195,7 @@ function inviteMembers(params: InviteMembersParams): Promise<OrganizationInvitat
 
 ### Example
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
-  ```js {{ filename: 'main.js', mark: [13, 14] }}
+```js {{ filename: 'main.js', mark: [13, 14] }}
   import { Clerk } from '@clerk/clerk-js'
 
   // Initialize Clerk with your Clerk publishable key
@@ -343,58 +236,4 @@ function inviteMembers(params: InviteMembersParams): Promise<OrganizationInvitat
   }
   ```
 
-  ```html {{ filename: 'index.html', mark: [23, 24] }}
-  <div id="app"></div>
-
-  <!-- Initialize Clerk with your
-    Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      if (Clerk.user) {
-        // Check for an active organization
-        if (Clerk.organization) {
-          const emailAddresses = ['test@test.com', 'test2@test.com', 'test3@test.com']
-          const role = 'org:member'
-
-          await Clerk.organization
-            .inviteMembers({ emailAddresses, role })
-            .then((res) => console.log(res))
-            .catch((error) => console.log('An error occurred:', error.errors))
-        } else {
-          // If there is no active organization,
-          // mount Clerk's <OrganizationSwitcher />
-          // to allow the user to set an organization as active
-          document.getElementById('app').innerHTML = `
-              <h2>Select an organization to set it as active</h2>
-              <div id="org-switcher"></div>
-            `
-
-          const orgSwitcherDiv = document.getElementById('org-switcher')
-
-          Clerk.mountOrganizationSwitcher(orgSwitcherDiv)
-        }
-      } else {
-        document.getElementById('app').innerHTML = `
-            <div id="sign-in"></div>
-          `
-
-        const signInDiv = document.getElementById('sign-in')
-
-        Clerk.mountSignIn(signInDiv)
-      }
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 [orginv-ref]: /docs/references/javascript/organization-invitation
diff --git a/docs/references/javascript/organization/members.mdx b/docs/references/javascript/organization/members.mdx
index 5d2db0cb30..11f0b46450 100644
--- a/docs/references/javascript/organization/members.mdx
+++ b/docs/references/javascript/organization/members.mdx
@@ -142,11 +142,7 @@ function removeMember(userId: string): Promise<OrganizationMembership>
 
 The following example demonstrates how to use the organization membership methods to manage the members of an organization. To ease the development process, the response or error message of a method will be displayed on the user interface.
 
-<Tabs items={['NPM module', '<script>']}>
-  <Tab>
-    Use the following tabs to view the code necessary for each file.
-
-    <CodeBlockTabs options={["index.html", "main.js"]}>
+<CodeBlockTabs options={["index.html", "main.js"]}>
       ```html {{ filename: 'index.html' }}
       <!doctype html>
       <html lang="en">
@@ -355,227 +351,7 @@ The following example demonstrates how to use the organization membership method
       }
       ```
     </CodeBlockTabs>
-  </Tab>
-
-  <Tab>
-    ```html {{ filename: 'index.html', mark: [74, 102, 120, 138] }}
-    <!doctype html>
-    <html lang="en">
-      <head>
-        <meta charset="UTF-8" />
-        <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Clerk + JavaScript App</title>
-        <style>
-          /* Style for the table */
-          table {
-            border-collapse: collapse; /* Collapse borders into a single border */
-            border: 1px solid black; /* Border for the entire table */
-          }
-
-          /* Style for table cells */
-          td,
-          th {
-            border: 1px solid black; /* Border for each cell */
-            padding: 2px; /* Optional: Add padding to cells */
-          }
-        </style>
-      </head>
-      <body>
-        <div id="app"></div>
-
-        <p id="error-container" hidden>
-          Error:
-          <span id="error-message"></span>
-        </p>
-
-        <h2>Memberships List</h2>
-        <table id="memberships_table">
-          <thead>
-            <tr>
-              <th>User ID</th>
-              <th>Identifier</th>
-              <th>Role</th>
-              <th id="update-role-head" hidden>Update role</th>
-              <th id="remove-member-head" hidden>Remove member</th>
-            </tr>
-          </thead>
-          <tbody id="memberships_table_body"></tbody>
-        </table>
-
-        <div id="add-member-container">
-          <h2>Add member</h2>
-          <input id="member-user-id" placeholder="Enter member's user ID" />
-          <button id="add-member">Add member</button>
-        </div>
-
-        <h2>Response:</h2>
-        <pre id="response"></pre>
-
-        <!-- Initialize Clerk with your
-        Clerk Publishable key and Frontend API URL -->
-        <script
-          async
-          crossorigin="anonymous"
-          data-clerk-publishable-key="{{pub_key}}"
-          src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-          type="text/javascript"
-        ></script>
-
-        <script>
-          window.addEventListener('load', async function () {
-            await Clerk.load()
-
-            if (Clerk.user) {
-              // Check for an active organization
-              if (Clerk.organization) {
-                // Render list of organization memberships
-                async function renderMemberships(organization, isAdmin) {
-                  try {
-                    const { data } = await organization.getMemberships()
-
-                    const memberships = data
-                    console.log(`getMemberships:`, memberships)
-
-                    memberships.map((membership) => {
-                      const membershipTable = document.getElementById('memberships_table')
-                      const row = membershipTable.insertRow()
-                      row.insertCell().textContent = membership.publicUserData.userId
-                      row.insertCell().textContent = membership.publicUserData.identifier
-                      row.insertCell().textContent = membership.role
-
-                      // Add administrative actions:
-                      // Add and remove a member, and update a member's role.
-                      if (isAdmin) {
-                        // Show add, update, remove member buttons
-                        document.getElementById('add-member-container').removeAttribute('hidden')
-                        document.getElementById('update-role-head').removeAttribute('hidden')
-                        document.getElementById('remove-member-head').removeAttribute('hidden')
-
-                        // Get the user ID of the member
-                        const userId = membership.publicUserData.userId
-
-                        // Update a member's role
-                        const updateBtn = document.createElement('button')
-                        updateBtn.textContent = 'Change role'
-                        updateBtn.addEventListener('click', async function (e) {
-                          e.preventDefault()
-                          const role = membership.role === 'org:admin' ? 'org:member' : 'org:admin'
-                          await organization
-                            .updateMember({ userId, role })
-                            .then((res) => {
-                              document.getElementById('response').innerHTML = JSON.stringify(res)
-                            })
-                            .catch((error) => {
-                              document.getElementById('error-container').removeAttribute('hidden')
-                              document.getElementById('error-message').innerHTML =
-                                error.errors[0].longMessage
-                              console.log('An error occurred:', error.errors)
-                            })
-                        })
-                        row.insertCell().appendChild(updateBtn)
-
-                        // Remove a member
-                        const removeBtn = document.createElement('button')
-                        removeBtn.textContent = 'Remove'
-                        removeBtn.addEventListener('click', async function (e) {
-                          e.preventDefault()
-                          await organization
-                            .removeMember(userId)
-                            .then((res) => {
-                              document.getElementById('response').innerHTML = JSON.stringify(res)
-                            })
-                            .catch((error) => {
-                              document.getElementById('error-container').removeAttribute('hidden')
-                              document.getElementById('error-message').innerHTML =
-                                error.errors[0].longMessage
-                              console.log('An error occurred:', error.errors)
-                            })
-                        })
-                        row.insertCell().appendChild(removeBtn)
-
-                        // Add a new member to the organization
-                        document.getElementById('add-member').addEventListener('click', () => {
-                          const userId = document.getElementById('member-user-id').value
-
-                          organization
-                            .addMember({ userId, role: 'org:member' })
-                            .then((res) => {
-                              document.getElementById('response').innerHTML = JSON.stringify(res)
-                            })
-                            .catch((error) => {
-                              document.getElementById('error-container').removeAttribute('hidden')
-                              document.getElementById('error-message').innerHTML =
-                                error.errors[0].longMessage
-                              console.log('An error occurred:', error.errors)
-                            })
-                        })
-                      }
-                    })
-                  } catch (error) {
-                    document.getElementById('error-container').removeAttribute('hidden')
-                    document.getElementById('error-message').innerHTML = error.errors[0].longMessage
-                    console.log('An error occurred:', error.errors)
-                  }
-                }
-
-                /**
-                 * Checks if a user is an admin of the
-                 * currently active organization and
-                 * renders the organization's memberships.
-                 */
-                async function checkAdminAndRenderMemberships() {
-                  const organizationId = Clerk.organization.id
-
-                  const { data } = await Clerk.user.getOrganizationMemberships()
-
-                  const organizationMemberships = data
-
-                  const currentMembership = organizationMemberships.find(
-                    (membership) => membership.organization.id === organizationId,
-                  )
-                  const currentOrganization = currentMembership.organization
 
-                  if (!currentOrganization) {
-                    return
-                  }
-                  const isAdmin = currentMembership.role === 'org:admin'
-
-                  console.log(`Organization:`, currentOrganization)
-
-                  renderMemberships(currentOrganization, isAdmin)
-                }
-
-                checkAdminAndRenderMemberships()
-              } else {
-                // If there is no active organization,
-                // mount Clerk's <OrganizationSwitcher />
-                // to allow the user to set an organization as active
-                document.getElementById('app').innerHTML = `
-                  <h2>Select an organization to set it as active</h2>
-                  <div id="org-switcher"></div>
-                `
-
-                const orgSwitcherDiv = document.getElementById('org-switcher')
-
-                Clerk.mountOrganizationSwitcher(orgSwitcherDiv)
-              }
-            } else {
-              document.getElementById('app').innerHTML = `
-                <div id="sign-in"></div>
-              `
-
-              const signInDiv = document.getElementById('sign-in')
-
-              Clerk.mountSignIn(signInDiv)
-            }
-          })
-        </script>
-      </body>
-    </html>
-    ```
-  </Tab>
-</Tabs>
 
 [pag-ref]: /docs/references/javascript/types/clerk-paginated-response
 
diff --git a/docs/references/javascript/organization/membership-request.mdx b/docs/references/javascript/organization/membership-request.mdx
index ec94efc8b2..ad3cda8411 100644
--- a/docs/references/javascript/organization/membership-request.mdx
+++ b/docs/references/javascript/organization/membership-request.mdx
@@ -54,10 +54,6 @@ function getMembershipRequests(
 
 The following example demonstrates how to use the `getMembershipRequests()` method to render a table of membership requests for the active organization. To ease the development process, the response or error message of a method will be displayed on the user interface.
 
-<Tabs items={['NPM module', '<script>']}>
-  <Tab>
-    Use the following tabs to view the code necessary for each file.
-
     <CodeBlockTabs options={["index.html", "main.js"]}>
       ```html {{ filename: 'index.html' }}
       <!doctype html>
@@ -222,176 +218,4 @@ The following example demonstrates how to use the `getMembershipRequests()` meth
       }
       ```
     </CodeBlockTabs>
-  </Tab>
-
-  <Tab>
-    ```html {{ filename: 'index.html', mark: [65] }}
-    <!doctype html>
-    <html lang="en">
-      <head>
-        <meta charset="UTF-8" />
-        <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Clerk + JavaScript App</title>
-        <style>
-          /* Style for the table */
-          table {
-            border-collapse: collapse; /* Collapse borders into a single border */
-            border: 1px solid black; /* Border for the entire table */
-          }
-          /* Style for table cells */
-          td,
-          th {
-            border: 1px solid black; /* Border for each cell */
-            padding: 2px; /* Optional: Add padding to cells */
-          }
-        </style>
-      </head>
-      <body>
-        <div id="app"></div>
-
-        <p id="error-container" hidden>
-          Error:
-          <span id="error-message"></span>
-        </p>
-
-        <h2>Membership Requests</h2>
-        <table id="requests_table">
-          <thead>
-            <tr>
-              <th>User ID</th>
-              <th>Identifier</th>
-              <th>Status</th>
-              <th id="add-member-head" hidden>Add member</th>
-            </tr>
-          </thead>
-          <tbody id="requests_table_body"></tbody>
-        </table>
-
-        <p>Response:</p>
-        <pre id="response"></pre>
-
-        <!-- Initialize Clerk with your
-        Clerk Publishable key and Frontend API URL -->
-        <script
-          async
-          crossorigin="anonymous"
-          data-clerk-publishable-key="{{pub_key}}"
-          src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-          type="text/javascript"
-        ></script>
-
-        <script>
-          window.addEventListener('load', async function () {
-            await Clerk.load()
-            if (Clerk.user) {
-              // Check for an active organization
-              if (Clerk.organization) {
-                // Render list of organization membership requests
-                async function renderMembershipRequests(organization, isAdmin) {
-                  try {
-                    const { data } = await organization.getMembershipRequests()
-                    const membershipRequests = data
-                    console.log(`getMembershipRequests:`, membershipRequests)
-
-                    membershipRequests.map((membershipRequest) => {
-                      const requestsTable = document.getElementById('requests_table')
-                      const row = requestsTable.insertRow()
-                      row.insertCell().textContent = membershipRequest.publicUserData.userId
-                      row.insertCell().textContent = membershipRequest.publicUserData.identifier
-                      row.insertCell().textContent = membershipRequest.status
-
-                      // Add administrative actions:
-                      // Add member (removes request)
-                      if (isAdmin) {
-                        // Show add member button
-                        document.getElementById('add-member-head').removeAttribute('hidden')
-
-                        // Get the user ID of the member
-                        const userId = membershipRequest.publicUserData.userId
-
-                        // Add member to organization
-                        const addBtn = document.createElement('button')
-                        addBtn.textContent = 'Add member'
-                        addBtn.addEventListener('click', async function (e) {
-                          e.preventDefault()
-
-                          const role = 'org:member'
-
-                          await organization
-                            .addMember({ userId, role })
-                            .then((res) => {
-                              document.getElementById('response').innerHTML = JSON.stringify(res)
-                            })
-                            .catch((error) => {
-                              document.getElementById('error-container').removeAttribute('hidden')
-                              document.getElementById('error-message').innerHTML =
-                                error.errors[0].longMessage
-                              console.log('An error occurred:', error.errors)
-                            })
-                        })
-                        row.insertCell().appendChild(addBtn)
-                      }
-                    })
-                  } catch (error) {
-                    document.getElementById('error-container').removeAttribute('hidden')
-                    document.getElementById('error-message').innerHTML = error.errors[0].longMessage
-                    console.log('An error occurred:', error.errors)
-                  }
-                }
-                /**
-                 * Checks if a user is an admin of the
-                 * currently active organization and
-                 * renders the organization's membership requests.
-                 */
-                async function checkAdminAndRenderRequests() {
-                  const organizationId = Clerk.organization.id
-
-                  const organizationMemberships = await Clerk.user.getOrganizationMemberships()
-
-                  const currentMembership = organizationMemberships.find(
-                    (membership) => membership.organization.id === organizationId,
-                  )
 
-                  const currentOrganization = currentMembership.organization
-
-                  if (!currentOrganization) {
-                    return
-                  }
-
-                  const isAdmin = currentMembership.role === 'org:admin'
-
-                  console.log(`Organization:`, currentOrganization)
-
-                  renderMembershipRequests(currentOrganization, isAdmin)
-                }
-                checkAdminAndRenderRequests()
-              } else {
-                // If there is no active organization,
-                // mount Clerk's <OrganizationSwitcher />
-                // to allow the user to set an organization as active
-                document.getElementById('app').innerHTML = `
-                  <h2>Select an organization to set it as active</h2>
-                  <div id="org-switcher"></div>
-                `
-
-                const orgSwitcherDiv = document.getElementById('org-switcher')
-
-                Clerk.mountOrganizationSwitcher(orgSwitcherDiv)
-              }
-            } else {
-              document.getElementById('app').innerHTML = `
-                <div id="sign-in"></div>
-              `
-
-              const signInDiv = document.getElementById('sign-in')
-
-              Clerk.mountSignIn(signInDiv)
-            }
-          })
-        </script>
-      </body>
-    </html>
-    ```
-  </Tab>
-</Tabs>
diff --git a/docs/references/javascript/organization/organization.mdx b/docs/references/javascript/organization/organization.mdx
index 74d27b56d7..aeac120580 100644
--- a/docs/references/javascript/organization/organization.mdx
+++ b/docs/references/javascript/organization/organization.mdx
@@ -130,7 +130,6 @@ function update(params: UpdateOrganizationParams): Promise<Organization>
 
 #### Example
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [10, 11] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -169,55 +168,6 @@ function update(params: UpdateOrganizationParams): Promise<Organization>
   }
   ```
 
-  ```html {{ filename: 'index.html', mark: [19, 20] }}
-  <div id="app"></div>
-
-  <!-- Initialize Clerk with your
-    Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-      if (Clerk.user) {
-        // Check for an active organization
-        if (Clerk.organization) {
-          await Clerk.organization
-            .update({ name: 'New Name' })
-            .then((res) => console.log(res))
-            .catch((error) => console.log('An error occurred:', error.errors))
-        } else {
-          // If there is no active organization,
-          // mount Clerk's <OrganizationSwitcher />
-          // to allow the user to set an organization as active
-          document.getElementById('app').innerHTML = `
-              <h2>Select an organization to set it as active</h2>
-              <div id="org-switcher"></div>
-            `
-
-          const orgSwitcherDiv = document.getElementById('org-switcher')
-
-          Clerk.mountOrganizationSwitcher(orgSwitcherDiv)
-        }
-      } else {
-        document.getElementById('app').innerHTML = `
-            <div id="sign-in"></div>
-          `
-
-        const signInDiv = document.getElementById('sign-in')
-
-        Clerk.mountSignIn(signInDiv)
-      }
-    })
-  </script>
-  ```
-</CodeBlockTabs>
 
 ### `destroy()`
 
@@ -237,7 +187,6 @@ function destroy(): Promise<void>
 
 #### Example
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [10, 11] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -276,55 +225,6 @@ function destroy(): Promise<void>
   }
   ```
 
-  ```html {{ filename: 'index.html', mark: [19, 20] }}
-  <div id="app"></div>
-
-  <!-- Initialize Clerk with your
-    Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-      if (Clerk.user) {
-        // Check for an active organization
-        if (Clerk.organization) {
-          await Clerk.organization
-            .destroy()
-            .then((res) => console.log(res))
-            .catch((error) => console.log('An error occurred:', error.errors))
-        } else {
-          // If there is no active organization,
-          // mount Clerk's <OrganizationSwitcher />
-          // to allow the user to set an organization as active
-          document.getElementById('app').innerHTML = `
-              <h2>Select an organization to set it as active</h2>
-              <div id="org-switcher"></div>
-            `
-
-          const orgSwitcherDiv = document.getElementById('org-switcher')
-
-          Clerk.mountOrganizationSwitcher(orgSwitcherDiv)
-        }
-      } else {
-        document.getElementById('app').innerHTML = `
-            <div id="sign-in"></div>
-          `
-
-        const signInDiv = document.getElementById('sign-in')
-
-        Clerk.mountSignIn(signInDiv)
-      }
-    })
-  </script>
-  ```
-</CodeBlockTabs>
 
 ### `setLogo()`
 
@@ -351,11 +251,7 @@ function setLogo(params: SetOrganizationLogoParams): Promise<Organization>
 
 #### Example
 
-<Tabs items={['NPM module', '<script>']}>
-  <Tab>
-    Use the following tabs to view the code necessary for each file.
-
-    <CodeBlockTabs options={["index.html", "main.js"]}>
+<CodeBlockTabs options={["index.html", "main.js"]}>
       ```html {{ filename: 'index.html' }}
       <!doctype html>
       <html lang="en">
@@ -419,68 +315,7 @@ function setLogo(params: SetOrganizationLogoParams): Promise<Organization>
       }
       ```
     </CodeBlockTabs>
-  </Tab>
-
-  <Tab>
-    ```html {{ filename: 'index.html', mark: [27, 28] }}
-    <div id="app"></div>
-
-    <input type="file" id="org-logo" />
-    <button id="upload-logo">Upload Logo</button>
-
-    <!-- Initialize Clerk with your
-    Clerk Publishable key and Frontend API URL -->
-    <script
-      async
-      crossorigin="anonymous"
-      data-clerk-publishable-key="{{pub_key}}"
-      src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-      type="text/javascript"
-    ></script>
-
-    <script>
-      window.addEventListener('load', async function () {
-        await Clerk.load()
-
-        if (Clerk.user) {
-          // Check for an active organization
-          if (Clerk.organization) {
-            // Update the organization's logo
-            document.getElementById('upload-logo').addEventListener('click', () => {
-              const orgLogo = document.getElementById('org-logo').files[0]
-
-              Clerk.organization
-                .setLogo({ file: orgLogo })
-                .then((res) => console.log(res))
-                .catch((error) => console.log('An error occurred:', error.errors))
-            })
-          } else {
-            // If there is no active organization,
-            // mount Clerk's <OrganizationSwitcher />
-            // to allow the user to set an organization as active
-            document.getElementById('app').innerHTML = `
-                <h2>Select an organization to set it as active</h2>
-                <div id="org-switcher"></div>
-              `
-
-            const orgSwitcherDiv = document.getElementById('org-switcher')
-
-            Clerk.mountOrganizationSwitcher(orgSwitcherDiv)
-          }
-        } else {
-          document.getElementById('app').innerHTML = `
-              <div id="sign-in"></div>
-            `
-
-          const signInDiv = document.getElementById('sign-in')
 
-          Clerk.mountSignIn(signInDiv)
-        }
-      })
-    </script>
-    ```
-  </Tab>
-</Tabs>
 
 ### `getRoles()`
 
@@ -613,7 +448,6 @@ An _experimental_ interface that includes information about a user's permission.
 
 #### Example
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [10, 11] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -652,55 +486,6 @@ An _experimental_ interface that includes information about a user's permission.
   }
   ```
 
-  ```html {{ filename: 'index.html', mark: [19, 20] }}
-  <div id="app"></div>
-
-  <!-- Initialize Clerk with your
-    Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-      if (Clerk.user) {
-        // Check for an active organization
-        if (Clerk.organization) {
-          await Clerk.organization
-            .getRoles()
-            .then((res) => console.log(res))
-            .catch((error) => console.log('An error occurred:', error.errors))
-        } else {
-          // If there is no active organization,
-          // mount Clerk's <OrganizationSwitcher />
-          // to allow the user to set an organization as active
-          document.getElementById('app').innerHTML = `
-              <h2>Select an organization to set it as active</h2>
-              <div id="org-switcher"></div>
-            `
-
-          const orgSwitcherDiv = document.getElementById('org-switcher')
-
-          Clerk.mountOrganizationSwitcher(orgSwitcherDiv)
-        }
-      } else {
-        document.getElementById('app').innerHTML = `
-            <div id="sign-in"></div>
-          `
-
-        const signInDiv = document.getElementById('sign-in')
-
-        Clerk.mountSignIn(signInDiv)
-      }
-    })
-  </script>
-  ```
-</CodeBlockTabs>
 
 ## Additional methods
 
diff --git a/docs/references/javascript/session.mdx b/docs/references/javascript/session.mdx
index a07db94a3b..aa9895bf99 100644
--- a/docs/references/javascript/session.mdx
+++ b/docs/references/javascript/session.mdx
@@ -179,7 +179,6 @@ function getToken(options?: GetTokenOptions): Promise<string | null>
 
 #### Example
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [8, 9] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -203,41 +202,6 @@ function getToken(options?: GetTokenOptions): Promise<string | null>
   }
   ```
 
-  ```html {{ filename: 'index.html', mark: [18, 19] }}
-  <div id="app"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      if (Clerk.user) {
-        await Clerk.session
-          .getToken({ template: 'Test' })
-          .then((res) => console.log(res))
-          .catch((error) => console.log('An error occurred:', error.errors))
-      } else {
-        document.getElementById('app').innerHTML = `
-          <div id="sign-in"></div>
-        `
-
-        const signInDiv = document.getElementById('sign-in')
-
-        Clerk.mountSignIn(signInDiv)
-      }
-    })
-  </script>
-  ```
-</CodeBlockTabs>
 
 ```js
 try {
diff --git a/docs/references/javascript/user/create-metadata.mdx b/docs/references/javascript/user/create-metadata.mdx
index 4ce35a88b5..ba9cad3dff 100644
--- a/docs/references/javascript/user/create-metadata.mdx
+++ b/docs/references/javascript/user/create-metadata.mdx
@@ -31,7 +31,6 @@ function createEmailAddress(params: CreateEmailAddressParams): Promise<EmailAddr
 
 The following example adds `test@test.com` as an email address for the user. If the user is not signed in, the user will be prompted to sign in.
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js' }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -57,44 +56,6 @@ The following example adds `test@test.com` as an email address for the user. If
   }
   ```
 
-  ```html {{ filename: 'index.html' }}
-  <div id="app"></div>
-
-  <!-- Initialize Clerk with your
-    Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      if (Clerk.user) {
-        const email = 'test@test.com'
-
-        Clerk.user
-          .createEmailAddress({ email })
-          .then((response) => console.log(response))
-          .catch((error) => console.log('An error occurred:', error.errors))
-      } else {
-        document.getElementById('app').innerHTML = `
-              <div id="sign-in"></div>
-            `
-
-        const signInDiv = document.getElementById('sign-in')
-
-        Clerk.mountSignIn(signInDiv)
-      }
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ## `createPhoneNumber()`
 
 Adds a phone number for the user. A new [`PhoneNumber`][phone-ref] will be created and associated with the user.
@@ -119,7 +80,6 @@ function createPhoneNumber(params: CreatePhoneNumberParams): Promise<PhoneNumber
 
 The following example adds `15551234567` as a phone number for the user. If the user is not signed in, the user will be prompted to sign in.
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js' }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -145,43 +105,6 @@ The following example adds `15551234567` as a phone number for the user. If the
   }
   ```
 
-  ```html {{ filename: 'index.html' }}
-  <div id="app"></div>
-
-  <!-- Initialize Clerk with your
-    Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      if (Clerk.user) {
-        const phoneNumber = '15551234567'
-
-        Clerk.user
-          .createPhoneNumber({ phoneNumber })
-          .then((response) => console.log(response))
-          .catch((error) => console.log('An error occurred:', error.errors))
-      } else {
-        document.getElementById('app').innerHTML = `
-              <div id="sign-in"></div>
-            `
-
-        const signInDiv = document.getElementById('sign-in')
-
-        Clerk.mountSignIn(signInDiv)
-      }
-    })
-  </script>
-  ```
-</CodeBlockTabs>
 
 ## `createWeb3Wallet()`
 
@@ -207,7 +130,6 @@ function createWeb3Wallet(params: CreateWeb3WalletParams): Promise<Web3Wallet>
 
 The following example adds `0x0123456789ABCDEF0123456789ABCDEF01234567` as a Web3 wallet for the user. If the user is not signed in, the user will be prompted to sign in.
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js' }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -233,44 +155,6 @@ The following example adds `0x0123456789ABCDEF0123456789ABCDEF01234567` as a Web
   }
   ```
 
-  ```html {{ filename: 'index.html' }}
-  <div id="app"></div>
-
-  <!-- Initialize Clerk with your
-    Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      if (Clerk.user) {
-        const web3Wallet = '0x0123456789ABCDEF0123456789ABCDEF01234567'
-
-        Clerk.user
-          .createWeb3Wallet({ web3Wallet })
-          .then((response) => console.log(response))
-          .catch((error) => console.log('An error occurred:', error.errors))
-      } else {
-        document.getElementById('app').innerHTML = `
-              <div id="sign-in"></div>
-            `
-
-        const signInDiv = document.getElementById('sign-in')
-
-        Clerk.mountSignIn(signInDiv)
-      }
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ## `createExternalAccount()`
 
 Adds an external account for the user. A new [`ExternalAccount`][exacc-ref] will be created and associated with the user. This method is useful if you want to allow an already signed-in user to connect their account with an external provider, such as Facebook, GitHub, etc., so that they can sign in with that provider in the future.
@@ -316,11 +200,7 @@ Upon return, inspect within the `user.externalAccounts` the entry that correspon
 
 The following example demonstrates how to add a Notion account as an external account for the user. When the user selects the "Add Notion as a social connection" button, the user will be redirected to Notion to connect their account. After connecting their account, they will be redirected to the `/` route of your application, and the status of the connection will be displayed.
 
-<Tabs items={['NPM module', '<script>']}>
-  <Tab>
-    Use the following tabs to view the code necessary for each file.
-
-    <CodeBlockTabs options={["index.html", "main.js"]}>
+<CodeBlockTabs options={["index.html", "main.js"]}>
       ```html {{ filename: 'index.html' }}
       <!doctype html>
       <html lang="en">
@@ -379,62 +259,7 @@ The following example demonstrates how to add a Notion account as an external ac
       }
       ```
     </CodeBlockTabs>
-  </Tab>
-
-  <Tab>
-    ```html {{ filename: 'index.html' }}
-    <div id="app"></div>
-    <p>
-      Notion verification status:
-      <span id="notion-status"></span>
-    </p>
-    <button id="add-notion">Add Notion as a social connection</button>
-
-    <!-- Initialize Clerk with your
-      Clerk Publishable key and Frontend API URL -->
-    <script
-      async
-      crossorigin="anonymous"
-      data-clerk-publishable-key="{{pub_key}}"
-      src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-      type="text/javascript"
-    ></script>
-
-    <script>
-      window.addEventListener('load', async function () {
-        await Clerk.load()
-
-        if (Clerk.user) {
-          // Find the external account for the provider
-          const externalAccount = Clerk.user.externalAccounts.find((p) => p.provider === 'notion')
-          // If the external account exists, display its status
-          document.getElementById('notion-status').innerHTML = externalAccount.verification.status
-
-          // When the button is clicked, initiate the connection with the provider
-          document.getElementById('add-notion').addEventListener('click', async () => {
-            Clerk.user
-              .createExternalAccount({ strategy: 'oauth_notion', redirect_url: '/' })
-              .then((externalAccount) => {
-                window.location.href = externalAccount.verification.externalVerificationRedirectURL
-              })
-              .catch((error) => {
-                console.log('An error occurred:', error.errors)
-              })
-          })
-        } else {
-          document.getElementById('app').innerHTML = `
-                <div id="sign-in"></div>
-              `
-
-          const signInDiv = document.getElementById('sign-in')
-
-          Clerk.mountSignIn(signInDiv)
-        }
-      })
-    </script>
-    ```
-  </Tab>
-</Tabs>
+ 
 
 [email-ref]: /docs/references/javascript/email-address
 
diff --git a/docs/references/javascript/user/password-management.mdx b/docs/references/javascript/user/password-management.mdx
index adba4e6860..5a3cc460ce 100644
--- a/docs/references/javascript/user/password-management.mdx
+++ b/docs/references/javascript/user/password-management.mdx
@@ -40,9 +40,6 @@ function updatePassword(params: UpdateUserPasswordParams): Promise<User>
 
 ### Example
 
-<Tabs items={['NPM module', '<script>']}>
-  <Tab>
-    Use the following tabs to view the code necessary for each file.
 
     <CodeBlockTabs options={["index.html", "main.js"]}>
       ```html {{ filename: 'index.html' }}
@@ -99,61 +96,7 @@ function updatePassword(params: UpdateUserPasswordParams): Promise<User>
       }
       ```
     </CodeBlockTabs>
-  </Tab>
 
-  <Tab>
-    ```html {{ filename: 'index.html' }}
-    <div id="app"></div>
-
-    <h1>Update password</h1>
-    <input type="password" id="current-password" placeholder="Current password" />
-    <input type="password" id="new-password" placeholder="New password" />
-    <p id="error"></p>
-    <button id="update-password-button">Update password</button>
-
-    <!-- Initialize Clerk with your
-      Clerk Publishable key and Frontend API URL -->
-    <script
-      async
-      crossorigin="anonymous"
-      data-clerk-publishable-key="{{pub_key}}"
-      src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-      type="text/javascript"
-    ></script>
-
-    <script>
-      window.addEventListener('load', async function () {
-        await Clerk.load()
-
-        if (Clerk.user) {
-          document
-            .getElementById('update-password-button')
-            .addEventListener('click', async function () {
-              const currentPassword = document.getElementById('current-password').value
-              const newPassword = document.getElementById('new-password').value
-
-              Clerk.user
-                .updatePassword({ currentPassword, newPassword })
-                .then((response) => console.log(response))
-                .catch((error) => {
-                  document.getElementById('error').innerHTML = error.errors[0].longMessage
-                  console.log('An error occurred:', error.errors)
-                })
-            })
-        } else {
-          document.getElementById('app').innerHTML = `
-                <div id="sign-in"></div>
-              `
-
-          const signInDiv = document.getElementById('sign-in')
-
-          Clerk.mountSignIn(signInDiv)
-        }
-      })
-    </script>
-    ```
-  </Tab>
-</Tabs>
 
 ## `removePassword()`
 
@@ -174,8 +117,6 @@ function removePassword(params: RemoveUserPasswordParams): Promise<User>
 
 ### Example
 
-<Tabs items={['NPM module', '<script>']}>
-  <Tab>
     For the following example, your HTML file should look like this:
 
     ```js {{ filename: 'main.js' }}
@@ -230,53 +171,4 @@ function removePassword(params: RemoveUserPasswordParams): Promise<User>
       </body>
     </html>
     ```
-  </Tab>
-
-  <Tab>
-    ```html {{ filename: 'index.html' }}
-    <div id="app"></div>
-
-    <input type="password" id="current-password" placeholder="Current password" />
-    <p id="error"></p>
-    <button id="remove-password-button">Remove Password</button>
-
-    <!-- Initialize Clerk with your
-      Clerk Publishable key and Frontend API URL -->
-    <script
-      async
-      crossorigin="anonymous"
-      data-clerk-publishable-key="{{pub_key}}"
-      src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-      type="text/javascript"
-    ></script>
-
-    <script>
-      window.addEventListener('load', async function () {
-        await Clerk.load()
-
-        if (Clerk.user) {
-          document.getElementById('remove-password-button').addEventListener('click', async () => {
-            const currentPassword = document.getElementById('current-password').value
-
-            Clerk.user
-              .removePassword({ currentPassword })
-              .then((response) => console.log(response))
-              .catch((error) => {
-                document.getElementById('error').innerHTML = error.errors[0].longMessage
-                console.log('An error occurred:', error.errors)
-              })
-          })
-        } else {
-          document.getElementById('app').innerHTML = `
-                <div id="sign-in"></div>
-              `
-
-          const signInDiv = document.getElementById('sign-in')
-
-          Clerk.mountSignIn(signInDiv)
-        }
-      })
-    </script>
-    ```
-  </Tab>
-</Tabs>
+  
diff --git a/docs/references/javascript/user/totp.mdx b/docs/references/javascript/user/totp.mdx
index bbbeda7695..60475768cc 100644
--- a/docs/references/javascript/user/totp.mdx
+++ b/docs/references/javascript/user/totp.mdx
@@ -149,9 +149,6 @@ The following example assumes:
 - you have followed the [quickstart](/docs/quickstarts/javascript) in order to add Clerk to your JavaScript application
 - you have [enabled **Authenticator application** and **Backup codes** as multi-factor strategies in your Clerk Dashboard](/docs/authentication/configuration/sign-up-sign-in-options#authentication-strategies)
 
-<Tabs items={['NPM module', '<script>']}>
-  <Tab>
-    Use the following tabs to view the code necessary for each file.
 
     <CodeBlockTabs options={["index.html", "main.js"]}>
       ```html {{ filename: 'index.html' }}
@@ -273,120 +270,4 @@ The following example assumes:
       }
       ```
     </CodeBlockTabs>
-  </Tab>
-
-  <Tab>
-    ```html {{ filename: 'index.html' }}
-    <div id="app"></div>
-
-    <p id="error-container" hidden>
-      Error:
-      <span id="error-message"></span>
-    </p>
-
-    <button id="create-totp">Create TOTP</button>
-    <button id="disable-totp">Disable TOTP</button>
-    <button id="create-backup-codes">Create Backup Codes</button>
-
-    <div id="totp-container" hidden>
-      <p id="enter-totp-secret">
-        Enter the TOTP secret into your authenticator app:
-        <span id="totp-secret"></span>
-      </p>
-
-      <label for="totp-code"> Enter the code from your authenticator app </label>
-      <input id="totp-code" type="text" />
-      <button id="verify-totp">Verify TOTP</button>
-    </div>
-
-    <h2>Response:</h2>
-    <pre id="response"></pre>
-
-    <!-- Initialize Clerk with your
-      Clerk Publishable key and Frontend API URL -->
-    <script
-      async
-      crossorigin="anonymous"
-      data-clerk-publishable-key="{{pub_key}}"
-      src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-      type="text/javascript"
-    ></script>
-
-    <script>
-      window.addEventListener('load', async function () {
-        await Clerk.load()
-        if (Clerk.user) {
-          // Create and verify TOTP
-          document.getElementById('create-totp').addEventListener('click', async () => {
-            Clerk.user
-              .createTOTP()
-              .then((res) => {
-                // Show the TOTP container with the secret and verify button
-                document.getElementById('totp-container').removeAttribute('hidden')
-
-                // Display the secret to the user
-                document.getElementById('totp-secret').innerHTML = res.secret
-
-                // Add event listener to verify TOTP button
-                document.getElementById('verify-totp').addEventListener('click', async () => {
-                  const code = document.getElementById('totp-code').value
-                  Clerk.user
-                    .verifyTOTP({ code })
-                    .then((res) => {
-                      document.getElementById('response').innerHTML = JSON.stringify(res)
-                    })
-                    .catch((error) => {
-                      document.getElementById('error-container').removeAttribute('hidden')
-                      document.getElementById('error-message').innerHTML = error.errors[0].longMessage
-                      console.log('An error occurred:', error.errors)
-                    })
-                })
-              })
-              .catch((error) => {
-                document.getElementById('error-container').removeAttribute('hidden')
-                document.getElementById('error-message').innerHTML = error.errors[0].longMessage
-                console.log('An error occurred:', error.errors)
-              })
-          })
-
-          // Disable TOTP
-          document.getElementById('disable-totp').addEventListener('click', async () => {
-            Clerk.user
-              .disableTOTP()
-              .then((res) => {
-                document.getElementById('response').innerHTML = JSON.stringify(res)
-              })
-              .catch((error) => {
-                document.getElementById('error-container').removeAttribute('hidden')
-                document.getElementById('error-message').innerHTML = error.errors[0].longMessage
-                console.log('An error occurred:', error.errors)
-              })
-          })
-
-          // Create backup codes
-          document.getElementById('create-backup-codes').addEventListener('click', async () => {
-            Clerk.user
-              .createBackupCode()
-              .then((res) => {
-                document.getElementById('response').innerHTML = JSON.stringify(res)
-              })
-              .catch((error) => {
-                document.getElementById('error-container').removeAttribute('hidden')
-                document.getElementById('error-message').innerHTML = error.errors[0].longMessage
-                console.log('An error occurred:', error.errors)
-              })
-          })
-        } else {
-          document.getElementById('app').innerHTML = `
-                <div id="sign-in"></div>
-              `
-
-          const signInDiv = document.getElementById('sign-in')
-
-          Clerk.mountSignIn(signInDiv)
-        }
-      })
-    </script>
-    ```
-  </Tab>
-</Tabs>
+
diff --git a/docs/references/javascript/user/user.mdx b/docs/references/javascript/user/user.mdx
index d426a4c9cd..9e6907c9b1 100644
--- a/docs/references/javascript/user/user.mdx
+++ b/docs/references/javascript/user/user.mdx
@@ -341,7 +341,6 @@ All props below are optional.
 
 In the following example, the user's first name is updated to "Test".
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [8, 9] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -365,41 +364,6 @@ In the following example, the user's first name is updated to "Test".
   }
   ```
 
-  ```html {{ filename: 'index.html', mark: [18, 19] }}
-  <div id="app"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      if (Clerk.user) {
-        await Clerk.user
-          .update({ firstName: 'Test' })
-          .then((res) => console.log(res))
-          .catch((error) => console.log('An error occurred:', error.errors))
-      } else {
-        document.getElementById('app').innerHTML = `
-          <div id="sign-in"></div>
-        `
-
-        const signInDiv = document.getElementById('sign-in')
-
-        Clerk.mountSignIn(signInDiv)
-      }
-    })
-  </script>
-  ```
-</CodeBlockTabs>
 
 ### `delete()`
 
@@ -411,7 +375,6 @@ function delete(): Promise<void>
 
 #### Example
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [8, 9] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -435,42 +398,6 @@ function delete(): Promise<void>
   }
   ```
 
-  ```html {{ filename: 'index.html', mark: [18, 19] }}
-  <div id="app"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      if (Clerk.user) {
-        await Clerk.user
-          .delete()
-          .then((res) => console.log(res))
-          .catch((error) => console.log('An error occurred:', error.errors))
-      } else {
-        document.getElementById('app').innerHTML = `
-          <div id="sign-in"></div>
-        `
-
-        const signInDiv = document.getElementById('sign-in')
-
-        Clerk.mountSignIn(signInDiv)
-      }
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ### `setProfileImage()`
 
 Adds the user's profile image or replaces it if one already exists. This method will upload an image and associate it with the user.
@@ -513,10 +440,6 @@ function setProfileImage(params: SetProfileImageParams): Promise<ImageResource>
 
 #### Example
 
-<Tabs items={['NPM module', '<script>']}>
-  <Tab>
-    Use the following tabs to view the code necessary for each file.
-
     <CodeBlockTabs options={["index.html", "main.js"]}>
       ```html {{ filename: 'index.html' }}
       <!doctype html>
@@ -567,51 +490,7 @@ function setProfileImage(params: SetProfileImageParams): Promise<ImageResource>
       }
       ```
     </CodeBlockTabs>
-  </Tab>
-
-  <Tab>
-    ```html {{ filename: 'index.html' }}
-    <div id="app"></div>
-
-    <input type="file" id="profile-image" />
-    <button id="upload-image">Upload profile image</button>
-
-    <!-- Initialize Clerk with your
-      Clerk Publishable key and Frontend API URL -->
-    <script
-      async
-      crossorigin="anonymous"
-      data-clerk-publishable-key="{{pub_key}}"
-      src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-      type="text/javascript"
-    ></script>
-
-    <script>
-      window.addEventListener('load', async function () {
-        await Clerk.load()
-        if (Clerk.user) {
-          // Update the user's profile image
-          document.getElementById('upload-image').addEventListener('click', () => {
-            const profileImage = document.getElementById('profile-image').files[0]
-            console.log(profileImage)
-
-            Clerk.user
-              .setProfileImage({ file: profileImage })
-              .then((res) => console.log(res))
-              .catch((error) => console.log('An error occurred:', error.errors))
-          })
-        } else {
-          document.getElementById('app').innerHTML = `
-              <div id="sign-in"></div>
-            `
-          const signInDiv = document.getElementById('sign-in')
-          Clerk.mountSignIn(signInDiv)
-        }
-      })
-    </script>
-    ```
-  </Tab>
-</Tabs>
+
 
 ### `reload()`
 
@@ -632,7 +511,6 @@ function reload(p?: ClerkResourceReloadParams): Promise<this>
 
 #### Example
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [7] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -643,26 +521,6 @@ function reload(p?: ClerkResourceReloadParams): Promise<this>
   await clerk.user.reload()
   ```
 
-  ```html {{ filename: 'index.html', mark: [15] }}
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      await Clerk.user.reload()
-    })
-  </script>
-  ```
-</CodeBlockTabs>
 
 ### `getSessions()`
 
@@ -680,7 +538,6 @@ function getSessions(): Promise<SessionWithActivities[]>
 
 #### Example
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [8, 9] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -704,41 +561,6 @@ function getSessions(): Promise<SessionWithActivities[]>
   }
   ```
 
-  ```html {{ filename: 'index.html', mark: [18, 19] }}
-  <div id="app"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      if (Clerk.user) {
-        await Clerk.user
-          .getSessions()
-          .then((res) => console.log(res))
-          .catch((error) => console.log('An error occurred:', error.errors))
-      } else {
-        document.getElementById('app').innerHTML = `
-          <div id="sign-in"></div>
-        `
-
-        const signInDiv = document.getElementById('sign-in')
-
-        Clerk.mountSignIn(signInDiv)
-      }
-    })
-  </script>
-  ```
-</CodeBlockTabs>
 
 ### `createPasskey()`
 
@@ -817,7 +639,6 @@ function getOrganizationInvitations(
 
 #### Example
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [8, 9] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -841,42 +662,6 @@ function getOrganizationInvitations(
   }
   ```
 
-  ```html {{ filename: 'index.html', mark: [18, 19] }}
-  <div id="app"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      if (Clerk.user) {
-        await Clerk.user
-          .getOrganizationInvitations()
-          .then((res) => console.log(res))
-          .catch((error) => console.log('An error occurred:', error.errors))
-      } else {
-        document.getElementById('app').innerHTML = `
-          <div id="sign-in"></div>
-        `
-
-        const signInDiv = document.getElementById('sign-in')
-
-        Clerk.mountSignIn(signInDiv)
-      }
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ### `getOrganizationSuggestions()`
 
 Retrieves a list of organization suggestions for the user.
@@ -918,7 +703,6 @@ function getOrganizationSuggestions(
 
 #### Example
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [8, 9] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -942,42 +726,6 @@ function getOrganizationSuggestions(
   }
   ```
 
-  ```html {{ filename: 'index.html', mark: [18, 19] }}
-  <div id="app"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      if (Clerk.user) {
-        await Clerk.user
-          .getOrganizationSuggestions()
-          .then((res) => console.log(res))
-          .catch((error) => console.log('An error occurred:', error.errors))
-      } else {
-        document.getElementById('app').innerHTML = `
-          <div id="sign-in"></div>
-        `
-
-        const signInDiv = document.getElementById('sign-in')
-
-        Clerk.mountSignIn(signInDiv)
-      }
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ### `getOrganizationMemberships()`
 
 Retrieves a list of organization memberships for the user.
@@ -1012,7 +760,6 @@ function getOrganizationMemberships(
 
 #### Example
 
-<CodeBlockTabs options={['NPM module', '<script>']}>
   ```js {{ filename: 'main.js', mark: [8, 9] }}
   import { Clerk } from '@clerk/clerk-js'
 
@@ -1036,42 +783,6 @@ function getOrganizationMemberships(
   }
   ```
 
-  ```html {{ filename: 'index.html', mark: [18, 19] }}
-  <div id="app"></div>
-
-  <!-- Initialize Clerk with your
-  Clerk Publishable key and Frontend API URL -->
-  <script
-    async
-    crossorigin="anonymous"
-    data-clerk-publishable-key="{{pub_key}}"
-    src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-    type="text/javascript"
-  ></script>
-
-  <script>
-    window.addEventListener('load', async function () {
-      await Clerk.load()
-
-      if (Clerk.user) {
-        await Clerk.user
-          .getOrganizationMemberships()
-          .then((res) => console.log(res))
-          .catch((error) => console.log('An error occurred:', error.errors))
-      } else {
-        document.getElementById('app').innerHTML = `
-          <div id="sign-in"></div>
-        `
-
-        const signInDiv = document.getElementById('sign-in')
-
-        Clerk.mountSignIn(signInDiv)
-      }
-    })
-  </script>
-  ```
-</CodeBlockTabs>
-
 ## Additional methods
 
 In addition to the methods listed above, the `User` class also has the following methods:
diff --git a/docs/users/metadata.mdx b/docs/users/metadata.mdx
index 24b8713a4e..4f89f037d4 100644
--- a/docs/users/metadata.mdx
+++ b/docs/users/metadata.mdx
@@ -564,7 +564,6 @@ Updating this value overrides the previous value; it does not merge. To perform
   </Tab>
 
   <Tab>
-    <CodeBlockTabs options={["NPM module", "<script>"]}>
       ```js {{ filename: 'main.js' }}
       import { Clerk } from '@clerk/clerk-js'
 
@@ -591,57 +590,6 @@ Updating this value overrides the previous value; it does not merge. To perform
         clerk.mountSignIn(signInDiv)
       }
       ```
-
-      ```html {{ filename: 'index.html' }}
-      <!doctype html>
-      <html lang="en">
-        <head>
-          <meta charset="UTF-8" />
-          <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-          <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-          <title>Clerk Unsafe Update</title>
-        </head>
-        <body>
-          <div id="app"></div>
-
-          <!-- Initialize Clerk with your
-        Clerk Publishable key and Frontend API URL -->
-          <script
-            async
-            crossorigin="anonymous"
-            data-clerk-publishable-key="{{pub_key}}"
-            src="https://{{fapi_url}}/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-            type="text/javascript"
-          ></script>
-
-          <script>
-            window.addEventListener('load', async function () {
-              await Clerk.load()
-
-              if (Clerk.user) {
-                await Clerk.user
-                  .update({
-                    unsafeMetadata: {
-                      birthday: '01-01-2000',
-                    },
-                  })
-                  .then((res) => console.log(res))
-                  .catch((error) => console.log('An error occurred:', error.errors))
-              } else {
-                document.getElementById('app').innerHTML = `
-                <div id="sign-in"></div>
-              `
-
-                const signInDiv = document.getElementById('sign-in')
-
-                Clerk.mountSignIn(signInDiv)
-              }
-            })
-          </script>
-        </body>
-      </html>
-      ```
-    </CodeBlockTabs>
   </Tab>
 </Tabs>
 
diff --git a/docs/users/user-impersonation.mdx b/docs/users/user-impersonation.mdx
index 2d0a632a3f..37056f3c27 100644
--- a/docs/users/user-impersonation.mdx
+++ b/docs/users/user-impersonation.mdx
@@ -103,7 +103,6 @@ To detect impersonated sessions in the frontend, the `actor` object contains the
   <Tab>
     You can use the [`Clerk`](/docs/references/javascript/clerk/clerk) object to get access to the `session` object, which includes the `actor` object.
 
-    <CodeBlockTabs options={["NPM module", "<script>"]}>
       ```js {{ filename: 'main.js' }}
       import { Clerk } from '@clerk/clerk-js'
 
@@ -119,31 +118,6 @@ To detect impersonated sessions in the frontend, the `actor` object contains the
         console.log(`User ${actor.sub} is signed in as user ${user.id}.`)
       }
       ```
-
-      ```html {{ filename: 'index.html' }}
-      <script
-        async
-        crossorigin="anonymous"
-        data-clerk-publishable-key="{{pub_key}}"
-        src="https://[your-domain].clerk.accounts.dev/npm/@clerk/clerk-js@latest/dist/clerk.browser.js"
-        type="text/javascript"
-      ></script>
-
-      <script>
-        window.addEventListener('load', async function () {
-          await Clerk.load()
-
-          const { session } = Clerk
-
-          if (session.actor) {
-            const { actor, user } = session
-
-            console.log(`User ${actor.sub} is signed in as user ${user.id}.`)
-          }
-        })
-      </script>
-      ```
-    </CodeBlockTabs>
   </Tab>
 </Tabs>