diff --git a/.github/ISSUE_TEMPLATE/bug-report.yml b/.github/ISSUE_TEMPLATE/bug-report.yml
index 076b0c6b91..3950957fa4 100644
--- a/.github/ISSUE_TEMPLATE/bug-report.yml
+++ b/.github/ISSUE_TEMPLATE/bug-report.yml
@@ -38,7 +38,7 @@ body:
     attributes:
       label: Package
       options:
-        - v4.0.0-alpha.x
+        - v4.x
         - v3.x
         - v2.x
       default: 1
diff --git a/.github/ISSUE_TEMPLATE/feature-request.yml b/.github/ISSUE_TEMPLATE/feature-request.yml
index 30470c6154..ff895694c4 100644
--- a/.github/ISSUE_TEMPLATE/feature-request.yml
+++ b/.github/ISSUE_TEMPLATE/feature-request.yml
@@ -11,7 +11,7 @@ body:
     attributes:
       label: Package
       options:
-        - v4.0.0-alpha.x
+        - v4.x
         - v3.x
         - v2.x
       default: 1
diff --git a/.github/ISSUE_TEMPLATE/question.yml b/.github/ISSUE_TEMPLATE/question.yml
index e2b0e9c1ef..3ccdfa231d 100644
--- a/.github/ISSUE_TEMPLATE/question.yml
+++ b/.github/ISSUE_TEMPLATE/question.yml
@@ -11,7 +11,7 @@ body:
     attributes:
       label: Package
       options:
-        - v4.0.0-alpha.x
+        - v4.x
         - v3.x
         - v2.x
       default: 1
diff --git a/.github/advanced-issue-labeler.yml b/.github/advanced-issue-labeler.yml
index de7ce710fd..7238612ac0 100644
--- a/.github/advanced-issue-labeler.yml
+++ b/.github/advanced-issue-labeler.yml
@@ -5,7 +5,7 @@ policy:
         block-list: []
         label:
           - name: 'v4'
-            keys: ['v4.0.0-alpha.x']
+            keys: ['v4.x']
           - name: 'v3'
             keys: ['v3.x']
           - name: 'v2'
diff --git a/README.md b/README.md
index ca50905dd7..304c67f2fe 100644
--- a/README.md
+++ b/README.md
@@ -18,28 +18,28 @@ Nuxt UI harnesses the combined strengths of [Reka UI](https://reka-ui.com/), [Ta
 
 > [!TIP]
 > **Looking for more components ?**
-> Check out [Nuxt UI Pro](https://ui.nuxt.com/pro), a collection of premium Vue components, composables, and utilities built on top of Nuxt UI for faster and more powerful app development.
+> Check out [Nuxt UI Pro](https://ui3.nuxt.com/pro), a collection of premium Vue components, composables, and utilities built on top of Nuxt UI for faster and more powerful app development.
 
 ## Documentation
 
-Visit https://ui.nuxt.com to explore the documentation.
+Visit https://ui3.nuxt.com to explore the documentation.
 
 ## Installation
 
 ```bash [pnpm]
-pnpm add @nuxt/ui
+pnpm add @nuxt/ui@3
 ```
 
 ```bash [yarn]
-yarn add @nuxt/ui
+yarn add @nuxt/ui@3
 ```
 
 ```bash [npm]
-npm install @nuxt/ui
+npm install @nuxt/ui@3
 ```
 
 ```bash [bun]
-bun add @nuxt/ui
+bun add @nuxt/ui@3
 ```
 
 ### Nuxt
@@ -59,7 +59,7 @@ export default defineNuxtConfig({
 @import "@nuxt/ui";
 ```
 
-Learn more in the [installation guide](https://ui.nuxt.com/getting-started/installation/nuxt).
+Learn more in the [installation guide](https://ui3.nuxt.com/getting-started/installation/nuxt).
 
 ### Vue
 
@@ -106,18 +106,18 @@ app.mount('#app')
 @import "@nuxt/ui";
 ```
 
-Learn more in the [installation guide](https://ui.nuxt.com/getting-started/installation/vue).
+Learn more in the [installation guide](https://ui3.nuxt.com/getting-started/installation/vue).
 
 ## Contribution
 
 Thank you for considering contributing to Nuxt UI. Here are a few ways you can get involved:
 
 - Reporting Bugs: If you come across any bugs or issues, please check out the reporting bugs guide to learn how to submit a bug report.
-- Suggestions: Have any thoughts to enhance Nuxt UI? We'd love to hear them! Check out the [contribution guide](https://ui.nuxt.com/getting-started/contribution) to share your suggestions.
+- Suggestions: Have any thoughts to enhance Nuxt UI? We'd love to hear them! Check out the [contribution guide](https://ui3.nuxt.com/getting-started/contribution) to share your suggestions.
 
 ## Local Development
 
-Follow the docs to [set up your local development environment](https://ui.nuxt.com/getting-started/contribution#local-development) and contribute.
+Follow the docs to [set up your local development environment](https://ui3.nuxt.com/getting-started/contribution#local-development) and contribute.
 
 ## Credits
 
diff --git a/docs/.env.example b/docs/.env.example
index 8856c6ef66..817d0aa504 100644
--- a/docs/.env.example
+++ b/docs/.env.example
@@ -1,7 +1,5 @@
 # Specify the path of @nuxt/ui-pro locally
 NUXT_UI_PRO_PATH=
-# Production token for @nuxt/ui-pro, purchase on https://ui.nuxt.com/pro/purchase
-NUXT_UI_PRO_LICENSE=
 # Used when pre-rendering the docs for dynamic OG images
 NUXT_PUBLIC_SITE_URL=
 # Used to fetch `nuxt/ui-pro` docs content
diff --git a/docs/app/app.vue b/docs/app/app.vue
index 59603b75f3..196dcfb2b5 100644
--- a/docs/app/app.vue
+++ b/docs/app/app.vue
@@ -25,7 +25,7 @@ useHead({
   ],
   link: [
     // { rel: 'icon', type: 'image/svg+xml', href: '/icon.svg' },
-    { rel: 'canonical', href: `https://ui.nuxt.com${withoutTrailingSlash(route.path)}` }
+    { rel: 'canonical', href: `https://ui3.nuxt.com${withoutTrailingSlash(route.path)}` }
   ],
   style: [
     { innerHTML: radius, id: 'nuxt-ui-radius', tagPriority: -2 },
@@ -52,10 +52,11 @@ provide('navigation', mappedNavigation)
 <template>
   <UApp :toaster="appConfig.toaster">
     <NuxtLoadingIndicator color="var(--ui-primary)" :height="2" />
-    <Analytics />
+
+    <Analytics :debug="false" />
 
     <template v-if="!route.path.startsWith('/examples')">
-      <!-- <Banner /> -->
+      <Banner />
 
       <Header :links="links" />
     </template>
diff --git a/docs/app/components/Banner.vue b/docs/app/components/Banner.vue
index 48707f948b..b35d10e78e 100644
--- a/docs/app/components/Banner.vue
+++ b/docs/app/components/Banner.vue
@@ -1,19 +1,10 @@
 <template>
   <UBanner
-    id="nuxtlabs-join-vercel"
-    title="NuxtLabs is joining Vercel"
-    icon="i-simple-icons-vercel"
-    to="https://nuxtlabs.com/?utm_source=nuxt-ui&utm_medium=banner&utm_campaign=nuxtlabs-vercel"
+    id="nuxtui-v4"
+    title="Nuxt UI v4 is offically released!"
+    icon="i-lucide-rocket"
+    to="https://ui.nuxt.com"
     target="_blank"
     close
-    :actions="[{
-      label: 'Read the announcement',
-      color: 'neutral',
-      variant: 'outline',
-      trailingIcon: 'i-lucide-arrow-right',
-      to: 'https://nuxtlabs.com/?utm_source=nuxt-ui&utm_medium=banner&utm_campaign=nuxtlabs-vercel',
-      target: '_blank',
-      class: 'ring-0'
-    }]"
   />
 </template>
diff --git a/docs/app/components/Header.vue b/docs/app/components/Header.vue
index 7e6c0383e1..63e6c9c75b 100644
--- a/docs/app/components/Header.vue
+++ b/docs/app/components/Header.vue
@@ -40,7 +40,7 @@ const items = computed(() => {
   const uiPro1 = { label: 'v1.x', to: 'https://ui2.nuxt.com/pro' }
 
   return [
-    { label: 'v4.0.0-alpha.x', to: 'https://ui4.nuxt.com' },
+    { label: 'v4.x', to: 'https://ui.nuxt.com' },
     { label: `v${config.version}`, active: true, color: 'primary' as const, checked: true, type: 'checkbox' as const },
     route.path === '/' ? ui2 : route.path.startsWith('/pro') ? uiPro1 : module.value === 'ui-pro' ? uiPro1 : ui2
   ]
diff --git a/docs/app/error.vue b/docs/app/error.vue
index e57f4a6a0c..644eaf74ef 100644
--- a/docs/app/error.vue
+++ b/docs/app/error.vue
@@ -59,7 +59,7 @@ provide('navigation', mappedNavigation)
   <UApp>
     <NuxtLoadingIndicator color="#FFF" />
 
-    <!-- <Banner /> -->
+    <Banner />
 
     <Header :links="links" />
 
diff --git a/docs/app/pages/[...slug].vue b/docs/app/pages/[...slug].vue
index 5e16805acc..1b37136863 100644
--- a/docs/app/pages/[...slug].vue
+++ b/docs/app/pages/[...slug].vue
@@ -106,16 +106,6 @@ const communityLinks = computed(() => [{
   label: 'Star on GitHub',
   to: `https://github.com/nuxt/${page.value?.module === 'ui-pro' ? 'ui-pro' : 'ui'}`,
   target: '_blank'
-}, module.value === 'ui-pro' && {
-  icon: 'i-lucide-credit-card',
-  label: 'Purchase a license',
-  to: 'https://nuxt.lemonsqueezy.com/checkout/buy/057dacb2-87ba-4dc1-9256-59ee5b3bd394',
-  target: '_blank'
-}, module.value === 'ui-pro' && {
-  icon: 'i-lucide-ticket-percent',
-  label: 'Become an affiliate',
-  to: 'https://nuxt.lemonsqueezy.com/affiliates',
-  target: '_blank'
 }, {
   icon: 'i-lucide-git-pull-request-arrow',
   label: 'Contribution',
diff --git a/docs/app/pages/figma/.figma.yml b/docs/app/pages/figma/.figma.yml
index 97a593e893..d6f41573a1 100644
--- a/docs/app/pages/figma/.figma.yml
+++ b/docs/app/pages/figma/.figma.yml
@@ -7,8 +7,7 @@ hero:
   image: /figma/hero.png
   links:
     - label: Purchase Pro Kit
-      to: 'https://nuxt.lemonsqueezy.com/buy/17213c49-621b-4c2c-9478-3a50a099003d'
-      target: _blank
+      disabled: true
     - label: Free Figma Kit
       to: 'https://go.nuxt.com/figma-ui3'
       icon: i-logos-figma
@@ -119,7 +118,7 @@ section4:
   description: '**From download to deployment in simple steps.** :br Get instant access to production-ready components and start creating.'
   links:
     - label: Get access now
-      to: 'https://nuxt.lemonsqueezy.com/buy/17213c49-621b-4c2c-9478-3a50a099003d'
+      disabled: true
     - label: Preview UI Pro Design Kit
       to: 'https://go.nuxt.com/figma-ui-pro3'
       icon: i-logos-figma
@@ -191,7 +190,7 @@ pricing:
         - Lifetime Free Updates
       button:
         label: Buy now
-        to: https://nuxt.lemonsqueezy.com/buy/17213c49-621b-4c2c-9478-3a50a099003d
+        disabled: true
       extraButton:
         label: Preview in Figma
         to: 'https://go.nuxt.com/figma-ui-pro3'
@@ -213,7 +212,7 @@ pricing:
         - Lifetime free updates
       button:
         label: Buy now
-        to: https://nuxt.lemonsqueezy.com/buy/2979099c-b7a0-4ba1-90e0-a0d60509b92d
+        disabled: true
       extraButton:
         label: Preview in Figma
         to: 'https://go.nuxt.com/figma-ui-pro3'
diff --git a/docs/app/pages/pro/.content/pricing.yml b/docs/app/pages/pro/.content/pricing.yml
index 83d0f9c7cf..3ca2c58421 100644
--- a/docs/app/pages/pro/.content/pricing.yml
+++ b/docs/app/pages/pro/.content/pricing.yml
@@ -5,7 +5,7 @@ pricing:
   title: Upgrade to Nuxt UI [Pro]{class="text-primary"}.
   description: On top of 40+ open source components from Nuxt UI, Pro gives you access to 50+ premium Vue components to create beautiful & responsive Nuxt applications in minutes. It includes all primitives to build landing pages, documentations, blogs, dashboards or entire SaaS products.
   freePlan:
-    description: "**NuxtLabs is joining Vercel** :tada: As part of this transition, Nuxt UI is becoming even more accessible.<br><br> **In September, we're launching Nuxt UI v4**: a free, open-source library that unifies Nuxt UI and Nuxt UI Pro, offering 100+ components and a complete free Figma Kit for everyone."
+    description: ":tada: **Nuxt UI v4 is now available**: a free, open-source library that unifies Nuxt UI and Nuxt UI Pro, offering 100+ components and a complete free Figma Kit for everyone."
     orientation: horizontal
     button:
       label: Read the announcement
@@ -47,7 +47,7 @@ pricing:
       - Includes Nuxt UI [Figma Kit](https://go.nuxt.com/figma-ui3)
     button:
       label: Buy Figma Kit
-      to: 'https://nuxt.lemonsqueezy.com/buy/17213c49-621b-4c2c-9478-3a50a099003d'
+      disabled: true
       color: 'neutral'
   plans:
     - title: Solo
@@ -64,7 +64,7 @@ pricing:
         - Lifetime access
       button:
         label: Buy now
-        to: https://nuxt.lemonsqueezy.com/buy/057dacb2-87ba-4dc1-9256-59ee5b3bd394
+        disabled: true
     - title: Startup
       description: Best suited for small teams, startups and agencies.
       price: $499
@@ -79,7 +79,7 @@ pricing:
         - Lifetime access
       button:
         label: Buy now
-        to: https://nuxt.lemonsqueezy.com/buy/2e042a33-7e76-4dda-bd68-e353c182e571
+        disabled: true
       highlight: true
     - title: Organization
       description: Ideal for larger teams and organizations.
@@ -96,7 +96,7 @@ pricing:
         - Lifetime access
       button:
         label: Buy now
-        to: https://nuxt.lemonsqueezy.com/buy/2979099c-b7a0-4ba1-90e0-a0d60509b92d
+        disabled: true
 logos:
   - src: /pro/logos/springfieldclinic.svg
     alt: Springfield Clinic
diff --git a/docs/content/1.getting-started/2.installation/1.nuxt.md b/docs/content/1.getting-started/2.installation/1.nuxt.md
index b4e126ab66..e774cca56e 100644
--- a/docs/content/1.getting-started/2.installation/1.nuxt.md
+++ b/docs/content/1.getting-started/2.installation/1.nuxt.md
@@ -25,19 +25,19 @@ Looking for the **Vue** version?
 ::code-group{sync="pm"}
 
 ```bash [pnpm]
-pnpm add @nuxt/ui
+pnpm add @nuxt/ui@3
 ```
 
 ```bash [yarn]
-yarn add @nuxt/ui
+yarn add @nuxt/ui@3
 ```
 
 ```bash [npm]
-npm install @nuxt/ui
+npm install @nuxt/ui@3
 ```
 
 ```bash [bun]
-bun add @nuxt/ui
+bun add @nuxt/ui@3
 ```
 
 ::
diff --git a/docs/content/1.getting-started/2.installation/2.vue.md b/docs/content/1.getting-started/2.installation/2.vue.md
index 6dd3b078c3..44bdf1d1c1 100644
--- a/docs/content/1.getting-started/2.installation/2.vue.md
+++ b/docs/content/1.getting-started/2.installation/2.vue.md
@@ -25,19 +25,19 @@ Looking for the **Nuxt** version?
 ::code-group{sync="pm"}
 
 ```bash [pnpm]
-pnpm add @nuxt/ui
+pnpm add @nuxt/ui@3
 ```
 
 ```bash [yarn]
-yarn add @nuxt/ui
+yarn add @nuxt/ui@3
 ```
 
 ```bash [npm]
-npm install @nuxt/ui
+npm install @nuxt/ui@3
 ```
 
 ```bash [bun]
-bun add @nuxt/ui
+bun add @nuxt/ui@3
 ```
 
 ::
diff --git a/docs/content/1.getting-started/2.migration.md b/docs/content/1.getting-started/2.migration.md
index bc8eecf42b..877f82fe97 100644
--- a/docs/content/1.getting-started/2.migration.md
+++ b/docs/content/1.getting-started/2.migration.md
@@ -56,19 +56,19 @@ npx @tailwindcss/upgrade
 ::::code-group{sync="pm"}
 
 ```bash [pnpm]
-pnpm add @nuxt/ui
+pnpm add @nuxt/ui@3
 ```
 
 ```bash [yarn]
-yarn add @nuxt/ui
+yarn add @nuxt/ui@3
 ```
 
 ```bash [npm]
-npm install @nuxt/ui
+npm install @nuxt/ui@3
 ```
 
 ```bash [bun]
-bun add @nuxt/ui
+bun add @nuxt/ui@3
 ```
 
 ::::
@@ -81,19 +81,19 @@ bun add @nuxt/ui
 ::::code-group{sync="pm"}
 
 ```bash [pnpm]
-pnpm add @nuxt/ui-pro
+pnpm add @nuxt/ui-pro@3
 ```
 
 ```bash [yarn]
-yarn add @nuxt/ui-pro
+yarn add @nuxt/ui-pro@3
 ```
 
 ```bash [npm]
-npm install @nuxt/ui-pro
+npm install @nuxt/ui-pro@3
 ```
 
 ```bash [bun]
-bun add @nuxt/ui-pro
+bun add @nuxt/ui-pro@3
 ```
 
 ::::
diff --git a/docs/content/1.getting-started/contribution.md b/docs/content/1.getting-started/contribution.md
index 699f64c6a2..3d2a4694b0 100644
--- a/docs/content/1.getting-started/contribution.md
+++ b/docs/content/1.getting-started/contribution.md
@@ -7,7 +7,7 @@ navigation: false
 Nuxt UI thrives thanks to its incredible community ❤️. We welcome all contributions through bug reports, pull requests, and feedback to help make this library even better.
 
 ::caution
-Before reporting a bug or requesting a feature, make sure that you have read through our [documentation](https://ui.nuxt.com/) and existing [issues](https://github.com/nuxt/ui/issues?q=is%3Aissue%20is%3Aopen%20sort%3Aupdated-desc%20label%3Av3).
+Before reporting a bug or requesting a feature, make sure that you have read through our [documentation](https://ui3.nuxt.com/) and existing [issues](https://github.com/nuxt/ui/issues?q=is%3Aissue%20is%3Aopen%20sort%3Aupdated-desc%20label%3Av3).
 ::
 
 ## Project Structure
diff --git a/docs/nuxt.config.ts b/docs/nuxt.config.ts
index 1255d5ff15..980e6b46d7 100644
--- a/docs/nuxt.config.ts
+++ b/docs/nuxt.config.ts
@@ -33,7 +33,7 @@ export default defineNuxtConfig({
   },
   $production: {
     site: {
-      url: 'https://ui.nuxt.com'
+      url: 'https://ui3.nuxt.com'
     }
   },
 
@@ -225,7 +225,7 @@ export default defineNuxtConfig({
   },
 
   llms: {
-    domain: 'https://ui.nuxt.com',
+    domain: 'https://ui3.nuxt.com',
     title: 'Nuxt UI',
     description: 'A comprehensive, Nuxt-integrated UI library providing a rich set of fully-styled, accessible and highly customizable components for building modern web applications.',
     full: {
diff --git a/docs/server/plugins/llms.ts b/docs/server/plugins/llms.ts
index a93c343a54..538cb078c5 100644
--- a/docs/server/plugins/llms.ts
+++ b/docs/server/plugins/llms.ts
@@ -27,5 +27,5 @@ export default defineNitroPlugin((nitroApp) => {
 })
 
 function transformRawLink(href: string) {
-  return `${href.replace(/^https:\/\/ui.nuxt.com/, 'https://ui.nuxt.com/raw')}.md`
+  return `${href.replace(/^https:\/\/ui3.nuxt.com/, 'https://ui3.nuxt.com/raw')}.md`
 }
diff --git a/package.json b/package.json
index e76202f23a..ca6239582d 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
     "type": "git",
     "url": "git+https://github.com/nuxt/ui.git"
   },
-  "homepage": "https://ui.nuxt.com",
+  "homepage": "https://ui3.nuxt.com",
   "type": "module",
   "license": "MIT",
   "exports": {
diff --git a/src/module.ts b/src/module.ts
index bc8fc12f66..76cd729f83 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -13,40 +13,40 @@ export interface ModuleOptions {
   /**
    * Prefix for components
    * @defaultValue `U`
-   * @link https://ui.nuxt.com/getting-started/installation/nuxt#prefix
+   * @link https://ui3.nuxt.com/getting-started/installation/nuxt#prefix
    */
   prefix?: string
 
   /**
    * Enable or disable `@nuxt/fonts` module
    * @defaultValue `true`
-   * @link https://ui.nuxt.com/getting-started/installation/nuxt#fonts
+   * @link https://ui3.nuxt.com/getting-started/installation/nuxt#fonts
    */
   fonts?: boolean
 
   /**
    * Enable or disable `@nuxtjs/color-mode` module
    * @defaultValue `true`
-   * @link https://ui.nuxt.com/getting-started/installation/nuxt#colormode
+   * @link https://ui3.nuxt.com/getting-started/installation/nuxt#colormode
    */
   colorMode?: boolean
 
   /**
    * Customize how the theme is generated
-   * @link https://ui.nuxt.com/getting-started/theme
+   * @link https://ui3.nuxt.com/getting-started/theme
    */
   theme?: {
     /**
      * Define the color aliases available for components
      * @defaultValue `['primary', 'secondary', 'success', 'info', 'warning', 'error']`
-     * @link https://ui.nuxt.com/getting-started/installation/nuxt#themecolors
+     * @link https://ui3.nuxt.com/getting-started/installation/nuxt#themecolors
      */
     colors?: Color[]
 
     /**
      * Enable or disable transitions on components
      * @defaultValue `true`
-     * @link https://ui.nuxt.com/getting-started/installation/nuxt#themetransitions
+     * @link https://ui3.nuxt.com/getting-started/installation/nuxt#themetransitions
      */
     transitions?: boolean
 
@@ -70,7 +70,7 @@ export default defineNuxtModule<ModuleOptions>({
   meta: {
     name,
     version,
-    docs: 'https://ui.nuxt.com/getting-started/installation/nuxt',
+    docs: 'https://ui3.nuxt.com/getting-started/installation/nuxt',
     configKey: 'ui',
     compatibility: {
       nuxt: '>=3.16.0'
diff --git a/src/templates.ts b/src/templates.ts
index 2bf3eedd35..86738cf16c 100644
--- a/src/templates.ts
+++ b/src/templates.ts
@@ -189,7 +189,7 @@ declare module '@nuxt/schema' {
   interface AppConfigInput {
     /**
      * Nuxt UI theme configuration
-     * @see https://ui.nuxt.com/getting-started/theme#customize-theme
+     * @see https://ui3.nuxt.com/getting-started/theme#customize-theme
      */
     ui?: AppConfigUI
   }