diff --git a/packages/docs/components.d.ts b/packages/docs/components.d.ts
index c53f1629ae3..eb5a98f672b 100644
--- a/packages/docs/components.d.ts
+++ b/packages/docs/components.d.ts
@@ -23,6 +23,8 @@ declare module 'vue' {
     ApiSection: typeof import('./src/components/api/Section.vue')['default']
     ApiSlotsTable: typeof import('./src/components/api/SlotsTable.vue')['default']
     AppBackToTop: typeof import('./src/components/app/BackToTop.vue')['default']
+    AppBanner: typeof import('./src/components/app/Banner.vue')['default']
+    AppBarAuthDialog: typeof import('./src/components/app/bar/AuthDialog.vue')['default']
     AppBarBar: typeof import('./src/components/app/bar/Bar.vue')['default']
     AppBarEcosystemMenu: typeof import('./src/components/app/bar/EcosystemMenu.vue')['default']
     AppBarEnterpriseLink: typeof import('./src/components/app/bar/EnterpriseLink.vue')['default']
@@ -76,6 +78,7 @@ declare module 'vue' {
     AppSettingsOptionsQuickbarOption: typeof import('./src/components/app/settings/options/QuickbarOption.vue')['default']
     AppSettingsOptionsRailDrawerOption: typeof import('./src/components/app/settings/options/RailDrawerOption.vue')['default']
     AppSettingsOptionsSlashSearchOption: typeof import('./src/components/app/settings/options/SlashSearchOption.vue')['default']
+    AppSettingsOptionsSyncOption: typeof import('./src/components/app/settings/options/SyncOption.vue')['default']
     AppSettingsOptionsThemeOption: typeof import('./src/components/app/settings/options/ThemeOption.vue')['default']
     AppSettingsPerksOptions: typeof import('./src/components/app/settings/PerksOptions.vue')['default']
     AppSettingsSettingsHeader: typeof import('./src/components/app/settings/SettingsHeader.vue')['default']
@@ -149,10 +152,16 @@ declare module 'vue' {
     SponsorCard: typeof import('./src/components/sponsor/Card.vue')['default']
     SponsorLink: typeof import('./src/components/sponsor/Link.vue')['default']
     SponsorSponsors: typeof import('./src/components/sponsor/Sponsors.vue')['default']
+    UserAccountConnectedAccounts: typeof import('./src/components/user/account/ConnectedAccounts.vue')['default']
+    UserAccountOneSubscription: typeof import('./src/components/user/account/OneSubscription.vue')['default']
     UserBadgesUserAdminBadge: typeof import('./src/components/user/badges/UserAdminBadge.vue')['default']
     UserBadgesUserOneBadge: typeof import('./src/components/user/badges/UserOneBadge.vue')['default']
     UserBadgesUserSponsorBadge: typeof import('./src/components/user/badges/UserSponsorBadge.vue')['default']
+    UserDiscordLogin: typeof import('./src/components/user/DiscordLogin.vue')['default']
+    UserGithubLogin: typeof import('./src/components/user/GithubLogin.vue')['default']
     UserOneSubCard: typeof import('./src/components/user/OneSubCard.vue')['default']
+    UserUserBadges: typeof import('./src/components/user/UserBadges.vue')['default']
+    UserUserProfile: typeof import('./src/components/user/UserProfile.vue')['default']
     UserUserTabs: typeof import('./src/components/user/UserTabs.vue')['default']
   }
 }
diff --git a/packages/docs/src/examples/v-tabs/misc-content.vue b/packages/docs/src/examples/v-tabs/misc-content.vue
index 8b826cbf07c..98cab1775c3 100644
--- a/packages/docs/src/examples/v-tabs/misc-content.vue
+++ b/packages/docs/src/examples/v-tabs/misc-content.vue
@@ -7,13 +7,9 @@
 
       <v-spacer></v-spacer>
 
-      <v-btn icon>
-        <v-icon>mdi-magnify</v-icon>
-      </v-btn>
+      <v-btn icon="mdi-magnify"></v-btn>
 
-      <v-btn icon>
-        <v-icon>mdi-dots-vertical</v-icon>
-      </v-btn>
+      <v-btn icon="mdi-dots-vertical"></v-btn>
 
       <template v-slot:extension>
         <v-tabs
@@ -23,16 +19,15 @@
           <v-tab
             v-for="i in 3"
             :key="i"
+            :text="`Item ${i}`"
             :value="i"
-          >
-            Item {{ i }}
-          </v-tab>
+          ></v-tab>
         </v-tabs>
       </template>
     </v-toolbar>
 
-    <v-window v-model="model">
-      <v-window-item
+    <v-tabs-window v-model="model">
+      <v-tabs-window-item
         v-for="i in 3"
         :key="i"
         :value="i"
@@ -40,8 +35,8 @@
         <v-card>
           <v-card-text>{{ text }}</v-card-text>
         </v-card>
-      </v-window-item>
-    </v-window>
+      </v-tabs-window-item>
+    </v-tabs-window>
   </v-card>
 </template>
 
diff --git a/packages/docs/src/examples/v-tabs/misc-dynamic-height.vue b/packages/docs/src/examples/v-tabs/misc-dynamic-height.vue
index a4dc590e6be..a2e0619037e 100644
--- a/packages/docs/src/examples/v-tabs/misc-dynamic-height.vue
+++ b/packages/docs/src/examples/v-tabs/misc-dynamic-height.vue
@@ -2,7 +2,6 @@
   <v-card>
     <v-toolbar
       color="purple"
-      dark
       flat
       prominent
     >
@@ -24,9 +23,8 @@
           <v-tab
             v-for="n in 3"
             :key="n"
-          >
-            Item {{ n }}
-          </v-tab>
+            :text="`Item ${n}`"
+          ></v-tab>
         </v-tabs>
       </template>
     </v-toolbar>
diff --git a/packages/docs/src/examples/v-tabs/misc-dynamic.vue b/packages/docs/src/examples/v-tabs/misc-dynamic.vue
index cca6835ff4c..fe290dc018d 100644
--- a/packages/docs/src/examples/v-tabs/misc-dynamic.vue
+++ b/packages/docs/src/examples/v-tabs/misc-dynamic.vue
@@ -7,29 +7,29 @@
       <v-tab
         v-for="n in length"
         :key="n"
+        :text="`Item ${n}`"
         :value="n"
-      >
-        Item {{ n }}
-      </v-tab>
+      ></v-tab>
     </v-tabs>
+
     <v-card-text class="text-center">
       <v-btn
         :disabled="!length"
+        text="Remove Tab"
         variant="text"
         @click="length--"
-      >
-        Remove Tab
-      </v-btn>
+      ></v-btn>
+
       <v-divider
         class="mx-4"
         vertical
       ></v-divider>
+
       <v-btn
+        text="Add Tab"
         variant="text"
         @click="length++"
-      >
-        Add Tab
-      </v-btn>
+      ></v-btn>
     </v-card-text>
   </v-card>
 </template>
diff --git a/packages/docs/src/examples/v-tabs/misc-mobile.vue b/packages/docs/src/examples/v-tabs/misc-mobile.vue
index 9d36535411f..3d9835c10c7 100644
--- a/packages/docs/src/examples/v-tabs/misc-mobile.vue
+++ b/packages/docs/src/examples/v-tabs/misc-mobile.vue
@@ -1,19 +1,15 @@
 <template>
   <v-card class="mx-auto" width="350px">
-    <v-toolbar class="px-0" color="transparent">
+    <v-toolbar color="surface">
       <v-app-bar-nav-icon></v-app-bar-nav-icon>
 
       <v-toolbar-title>Contacts</v-toolbar-title>
 
       <v-spacer></v-spacer>
 
-      <v-btn icon>
-        <v-icon>mdi-magnify</v-icon>
-      </v-btn>
+      <v-btn icon="mdi-magnify"></v-btn>
 
-      <v-btn icon>
-        <v-icon>mdi-dots-vertical</v-icon>
-      </v-btn>
+      <v-btn icon="mdi-dots-vertical"></v-btn>
 
       <template v-slot:extension>
         <v-tabs
@@ -24,26 +20,26 @@
           <v-tab
             :value="1"
           >
-            <v-icon>mdi-phone</v-icon>
+            <v-icon icon="mdi-phone"></v-icon>
           </v-tab>
 
           <v-tab
             :value="2"
           >
-            <v-icon>mdi-heart</v-icon>
+            <v-icon icon="mdi-heart"></v-icon>
           </v-tab>
 
           <v-tab
             :value="3"
           >
-            <v-icon>mdi-account-box</v-icon>
+            <v-icon icon="mdi-account-box"></v-icon>
           </v-tab>
         </v-tabs>
       </template>
     </v-toolbar>
 
-    <v-window v-model="tabs">
-      <v-window-item
+    <v-tabs-window v-model="tabs">
+      <v-tabs-window-item
         v-for="i in 3"
         :key="i"
         :value="i"
@@ -53,8 +49,8 @@
             Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
           </v-card-text>
         </v-card>
-      </v-window-item>
-    </v-window>
+      </v-tabs-window-item>
+    </v-tabs-window>
   </v-card>
 </template>
 
diff --git a/packages/docs/src/examples/v-tabs/misc-overflow-to-menu.vue b/packages/docs/src/examples/v-tabs/misc-overflow-to-menu.vue
index c5d95d4a8de..93b537be551 100644
--- a/packages/docs/src/examples/v-tabs/misc-overflow-to-menu.vue
+++ b/packages/docs/src/examples/v-tabs/misc-overflow-to-menu.vue
@@ -9,13 +9,9 @@
 
       <v-spacer></v-spacer>
 
-      <v-btn icon>
-        <v-icon>mdi-magnify</v-icon>
-      </v-btn>
+      <v-btn icon="mdi-magnify"></v-btn>
 
-      <v-btn icon>
-        <v-icon>mdi-dots-vertical</v-icon>
-      </v-btn>
+      <v-btn icon="mdi-dots-vertical"></v-btn>
 
       <template v-slot:extension>
         <v-tabs
@@ -25,14 +21,11 @@
           <v-tab
             v-for="item in items"
             :key="item"
+            :text="item"
             :value="'tab-' + item"
-          >
-            {{ item }}
-          </v-tab>
+          ></v-tab>
 
-          <v-menu
-            v-if="more.length"
-          >
+          <v-menu v-if="more.length">
             <template v-slot:activator="{ props }">
               <v-btn
                 class="align-self-center me-4"
@@ -42,9 +35,8 @@
                 v-bind="props"
               >
                 more
-                <v-icon end>
-                  mdi-menu-down
-                </v-icon>
+
+                <v-icon icon="mdi-menu-down" end></v-icon>
               </v-btn>
             </template>
 
@@ -52,18 +44,17 @@
               <v-list-item
                 v-for="item in more"
                 :key="item"
+                :title="item"
                 @click="addItem(item)"
-              >
-                {{ item }}
-              </v-list-item>
+              ></v-list-item>
             </v-list>
           </v-menu>
         </v-tabs>
       </template>
     </v-toolbar>
 
-    <v-window v-model="currentItem">
-      <v-window-item
+    <v-tabs-window v-model="currentItem">
+      <v-tabs-window-item
         v-for="item in items.concat(more)"
         :key="item"
         :value="'tab-' + item"
@@ -74,8 +65,8 @@
             {{ text }}
           </v-card-text>
         </v-card>
-      </v-window-item>
-    </v-window>
+      </v-tabs-window-item>
+    </v-tabs-window>
   </v-card>
 </template>
 
diff --git a/packages/docs/src/examples/v-tabs/misc-pagination.vue b/packages/docs/src/examples/v-tabs/misc-pagination.vue
index c6a0f07403c..54311a3d4c0 100644
--- a/packages/docs/src/examples/v-tabs/misc-pagination.vue
+++ b/packages/docs/src/examples/v-tabs/misc-pagination.vue
@@ -8,10 +8,9 @@
       <v-tab
         v-for="i in 30"
         :key="i"
+        :text="'Item ' + i"
         :value="'tab-' + i"
-      >
-        Item {{ i }}
-      </v-tab>
+      ></v-tab>
     </v-tabs>
   </v-card>
 </template>
diff --git a/packages/docs/src/examples/v-tabs/misc-tab-items.vue b/packages/docs/src/examples/v-tabs/misc-tab-items.vue
index b9afa6164dc..3208dbfeefb 100644
--- a/packages/docs/src/examples/v-tabs/misc-tab-items.vue
+++ b/packages/docs/src/examples/v-tabs/misc-tab-items.vue
@@ -7,9 +7,8 @@
       <v-tab
         v-for="item in items"
         :key="item.tab"
-      >
-        {{ item.tab }}
-      </v-tab>
+        :title="item.tab"
+      ></v-tab>
     </v-tabs>
 
     <v-tabs-items v-model="tab">
diff --git a/packages/docs/src/examples/v-tabs/prop-align-tabs-center.vue b/packages/docs/src/examples/v-tabs/prop-align-tabs-center.vue
index 7d503eca5f0..f6c7b87386e 100644
--- a/packages/docs/src/examples/v-tabs/prop-align-tabs-center.vue
+++ b/packages/docs/src/examples/v-tabs/prop-align-tabs-center.vue
@@ -9,8 +9,9 @@
       <v-tab :value="2">City</v-tab>
       <v-tab :value="3">Abstract</v-tab>
     </v-tabs>
-    <v-window v-model="tab">
-      <v-window-item
+
+    <v-tabs-window v-model="tab">
+      <v-tabs-window-item
         v-for="n in 3"
         :key="n"
         :value="n"
@@ -26,13 +27,14 @@
               <v-img
                 :lazy-src="`https://picsum.photos/10/6?image=${i * n * 5 + 10}`"
                 :src="`https://picsum.photos/500/300?image=${i * n * 5 + 10}`"
-                aspect-ratio="1"
+                height="205"
+                cover
               ></v-img>
             </v-col>
           </v-row>
         </v-container>
-      </v-window-item>
-    </v-window>
+      </v-tabs-window-item>
+    </v-tabs-window>
   </v-card>
 </template>
 
diff --git a/packages/docs/src/examples/v-tabs/prop-align-tabs-end.vue b/packages/docs/src/examples/v-tabs/prop-align-tabs-end.vue
index 9d8e075ab1c..cdb081c8430 100644
--- a/packages/docs/src/examples/v-tabs/prop-align-tabs-end.vue
+++ b/packages/docs/src/examples/v-tabs/prop-align-tabs-end.vue
@@ -9,8 +9,9 @@
       <v-tab :value="2">City</v-tab>
       <v-tab :value="3">Abstract</v-tab>
     </v-tabs>
-    <v-window v-model="tab">
-      <v-window-item
+
+    <v-tabs-window v-model="tab">
+      <v-tabs-window-item
         v-for="n in 3"
         :key="n"
         :value="n"
@@ -26,13 +27,14 @@
               <v-img
                 :lazy-src="`https://picsum.photos/10/6?image=${i * n * 5 + 10}`"
                 :src="`https://picsum.photos/500/300?image=${i * n * 5 + 10}`"
-                aspect-ratio="1"
+                height="205"
+                cover
               ></v-img>
             </v-col>
           </v-row>
         </v-container>
-      </v-window-item>
-    </v-window>
+      </v-tabs-window-item>
+    </v-tabs-window>
   </v-card>
 </template>
 
diff --git a/packages/docs/src/examples/v-tabs/prop-align-tabs-title.vue b/packages/docs/src/examples/v-tabs/prop-align-tabs-title.vue
index 6cd501b2006..80a979eb1e8 100644
--- a/packages/docs/src/examples/v-tabs/prop-align-tabs-title.vue
+++ b/packages/docs/src/examples/v-tabs/prop-align-tabs-title.vue
@@ -7,13 +7,9 @@
 
       <v-spacer></v-spacer>
 
-      <v-btn icon>
-        <v-icon>mdi-magnify</v-icon>
-      </v-btn>
+      <v-btn icon="mdi-magnify"></v-btn>
 
-      <v-btn icon>
-        <v-icon>mdi-dots-vertical</v-icon>
-      </v-btn>
+      <v-btn icon="mdi-dots-vertical"></v-btn>
 
       <template v-slot:extension>
         <v-tabs
@@ -23,16 +19,15 @@
           <v-tab
             v-for="item in items"
             :key="item"
+            :text="item"
             :value="item"
-          >
-            {{ item }}
-          </v-tab>
+          ></v-tab>
         </v-tabs>
       </template>
     </v-toolbar>
 
-    <v-window v-model="tab">
-      <v-window-item
+    <v-tabs-window v-model="tab">
+      <v-tabs-window-item
         v-for="item in items"
         :key="item"
         :value="item"
@@ -40,8 +35,8 @@
         <v-card flat>
           <v-card-text v-text="text"></v-card-text>
         </v-card>
-      </v-window-item>
-    </v-window>
+      </v-tabs-window-item>
+    </v-tabs-window>
   </v-card>
 </template>
 
diff --git a/packages/docs/src/examples/v-tabs/prop-direction.vue b/packages/docs/src/examples/v-tabs/prop-direction.vue
index 29112515403..4b4c8dc2ec7 100644
--- a/packages/docs/src/examples/v-tabs/prop-direction.vue
+++ b/packages/docs/src/examples/v-tabs/prop-direction.vue
@@ -1,37 +1,21 @@
 <template>
   <v-card>
-    <v-toolbar
-      color="primary"
-    >
-      <v-toolbar-title>User Profile</v-toolbar-title>
+    <v-toolbar color="primary" title="User Profile">
     </v-toolbar>
+
     <div class="d-flex flex-row">
       <v-tabs
         v-model="tab"
         color="primary"
         direction="vertical"
       >
-        <v-tab value="option-1">
-          <v-icon start>
-            mdi-account
-          </v-icon>
-          Option 1
-        </v-tab>
-        <v-tab value="option-2">
-          <v-icon start>
-            mdi-lock
-          </v-icon>
-          Option 2
-        </v-tab>
-        <v-tab value="option-3">
-          <v-icon start>
-            mdi-access-point
-          </v-icon>
-          Option 3
-        </v-tab>
+        <v-tab prepend-icon="mdi-account" text="Option 1" value="option-1"></v-tab>
+        <v-tab prepend-icon="mdi-lock" text="Option 2" value="option-2"></v-tab>
+        <v-tab prepend-icon="mdi-access-point" text="Option 3" value="option-3"></v-tab>
       </v-tabs>
-      <v-window v-model="tab">
-        <v-window-item value="option-1">
+
+      <v-tabs-window v-model="tab">
+        <v-tabs-window-item value="option-1">
           <v-card flat>
             <v-card-text>
               <p>
@@ -47,8 +31,9 @@
               </p>
             </v-card-text>
           </v-card>
-        </v-window-item>
-        <v-window-item value="option-2">
+        </v-tabs-window-item>
+
+        <v-tabs-window-item value="option-2">
           <v-card flat>
             <v-card-text>
               <p>
@@ -72,8 +57,9 @@
               </p>
             </v-card-text>
           </v-card>
-        </v-window-item>
-        <v-window-item value="option-3">
+        </v-tabs-window-item>
+
+        <v-tabs-window-item value="option-3">
           <v-card flat>
             <v-card-text>
               <p>
@@ -85,8 +71,8 @@
               </p>
             </v-card-text>
           </v-card>
-        </v-window-item>
-      </v-window>
+        </v-tabs-window-item>
+      </v-tabs-window>
     </div>
   </v-card>
 </template>
diff --git a/packages/docs/src/examples/v-tabs/prop-fixed-tabs.vue b/packages/docs/src/examples/v-tabs/prop-fixed-tabs.vue
index 5aeece5c879..40c53637210 100644
--- a/packages/docs/src/examples/v-tabs/prop-fixed-tabs.vue
+++ b/packages/docs/src/examples/v-tabs/prop-fixed-tabs.vue
@@ -3,11 +3,8 @@
     bg-color="indigo-darken-2"
     fixed-tabs
   >
-    <v-tab>
-      Option
-    </v-tab>
-    <v-tab>
-      Another Option
-    </v-tab>
+    <v-tab text="Option"></v-tab>
+
+    <v-tab text="Another Option"></v-tab>
   </v-tabs>
 </template>
diff --git a/packages/docs/src/examples/v-tabs/prop-grow.vue b/packages/docs/src/examples/v-tabs/prop-grow.vue
index 6e015e5f11b..eec8625e747 100644
--- a/packages/docs/src/examples/v-tabs/prop-grow.vue
+++ b/packages/docs/src/examples/v-tabs/prop-grow.vue
@@ -15,14 +15,13 @@
       <v-tab
         v-for="item in items"
         :key="item"
+        :text="item"
         :value="item"
-      >
-        {{ item }}
-      </v-tab>
+      ></v-tab>
     </v-tabs>
 
-    <v-window v-model="tab">
-      <v-window-item
+    <v-tabs-window v-model="tab">
+      <v-tabs-window-item
         v-for="item in items"
         :key="item"
         :value="item"
@@ -33,8 +32,8 @@
         >
           <v-card-text>{{ text }}</v-card-text>
         </v-card>
-      </v-window-item>
-    </v-window>
+      </v-tabs-window-item>
+    </v-tabs-window>
   </v-card>
 </template>
 
diff --git a/packages/docs/src/examples/v-tabs/prop-icons.vue b/packages/docs/src/examples/v-tabs/prop-icons.vue
index 6219e73017a..3c5d10caaf2 100644
--- a/packages/docs/src/examples/v-tabs/prop-icons.vue
+++ b/packages/docs/src/examples/v-tabs/prop-icons.vue
@@ -9,9 +9,8 @@
       <v-tab
         v-for="i in 30"
         :key="i"
-      >
-        Item {{ i }}
-      </v-tab>
+        :text="`Item ${i}`"
+      ></v-tab>
     </v-tabs>
   </v-sheet>
 </template>
diff --git a/packages/docs/src/examples/v-tabs/prop-stacked.vue b/packages/docs/src/examples/v-tabs/prop-stacked.vue
index 993f5edb995..db0ba0eafe0 100644
--- a/packages/docs/src/examples/v-tabs/prop-stacked.vue
+++ b/packages/docs/src/examples/v-tabs/prop-stacked.vue
@@ -7,23 +7,26 @@
       stacked
     >
       <v-tab value="tab-1">
-        <v-icon>mdi-phone</v-icon>
+        <v-icon icon="mdi-phone"></v-icon>
+
         Recents
       </v-tab>
 
       <v-tab value="tab-2">
-        <v-icon>mdi-heart</v-icon>
+        <v-icon icon="mdi-heart"></v-icon>
+
         Favorites
       </v-tab>
 
       <v-tab value="tab-3">
-        <v-icon>mdi-account-box</v-icon>
+        <v-icon icon="mdi-account-box"></v-icon>
+
         Nearby
       </v-tab>
     </v-tabs>
 
-    <v-window v-model="tab">
-      <v-window-item
+    <v-tabs-window v-model="tab">
+      <v-tabs-window-item
         v-for="i in 3"
         :key="i"
         :value="'tab-' + i"
@@ -31,8 +34,8 @@
         <v-card>
           <v-card-text>{{ text }}</v-card-text>
         </v-card>
-      </v-window-item>
-    </v-window>
+      </v-tabs-window-item>
+    </v-tabs-window>
   </v-card>
 </template>
 
diff --git a/packages/docs/src/examples/v-tabs/slot-tabs.vue b/packages/docs/src/examples/v-tabs/slot-tabs.vue
new file mode 100644
index 00000000000..5888db54568
--- /dev/null
+++ b/packages/docs/src/examples/v-tabs/slot-tabs.vue
@@ -0,0 +1,85 @@
+<template>
+  <v-sheet color="#0d1117" elevation="3" rounded="lg">
+    <v-tabs
+      v-model="tab"
+      :items="tabs"
+      align-tabs="center"
+      color="white"
+      height="60"
+      slider-color="#f78166"
+    >
+      <template v-slot:tab="{ item }">
+        <v-tab
+          :prepend-icon="item.icon"
+          :text="item.text"
+          :value="item.value"
+          class="text-none"
+        ></v-tab>
+      </template>
+
+      <template v-slot:item="{ item }">
+        <v-tabs-window-item :value="item.value" class="pa-4">
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi, ratione debitis quis est labore voluptatibus! Eaque cupiditate minima, at placeat totam, magni doloremque veniam neque porro libero rerum unde voluptatem!
+        </v-tabs-window-item>
+      </template>
+    </v-tabs>
+  </v-sheet>
+</template>
+
+<script setup>
+  import { shallowRef } from 'vue'
+
+  const tab = shallowRef('tab-1')
+  const tabs = [
+    {
+      icon: 'mdi-book-open-page-variant',
+      text: 'Readme',
+      value: 'tab-1',
+    },
+    {
+      icon: 'mdi-handshake-outline',
+      text: 'Code of Conduct',
+      value: 'tab-2',
+    },
+    {
+      icon: 'mdi-license',
+      text: 'MIT License',
+      value: 'tab-3',
+    },
+    {
+      icon: 'mdi-shield-lock-outline',
+      text: 'Security',
+      value: 'tab-4',
+    },
+  ]
+</script>
+
+<script>
+  export default {
+    data: () => ({
+      tab: 'tab-1',
+      tabs: [
+        {
+          icon: 'mdi-book-open-page-variant',
+          text: 'Readme',
+          value: 'tab-1',
+        },
+        {
+          icon: 'mdi-handshake-outline',
+          text: 'Code of Conduct',
+          value: 'tab-2',
+        },
+        {
+          icon: 'mdi-license',
+          text: 'MIT License',
+          value: 'tab-3',
+        },
+        {
+          icon: 'mdi-shield-lock-outline',
+          text: 'Security',
+          value: 'tab-4',
+        },
+      ],
+    }),
+  }
+</script>
diff --git a/packages/docs/src/examples/v-tabs/usage.vue b/packages/docs/src/examples/v-tabs/usage.vue
index d3e4df2f719..d3e8bf85626 100644
--- a/packages/docs/src/examples/v-tabs/usage.vue
+++ b/packages/docs/src/examples/v-tabs/usage.vue
@@ -10,19 +10,19 @@
     </v-tabs>
 
     <v-card-text>
-      <v-window v-model="tab">
-        <v-window-item value="one">
+      <v-tabs-window v-model="tab">
+        <v-tabs-window-item value="one">
           One
-        </v-window-item>
+        </v-tabs-window-item>
 
-        <v-window-item value="two">
+        <v-tabs-window-item value="two">
           Two
-        </v-window-item>
+        </v-tabs-window-item>
 
-        <v-window-item value="three">
+        <v-tabs-window-item value="three">
           Three
-        </v-window-item>
-      </v-window>
+        </v-tabs-window-item>
+      </v-tabs-window>
     </v-card-text>
   </v-card>
 </template>
diff --git a/packages/docs/src/pages/en/components/tabs.md b/packages/docs/src/pages/en/components/tabs.md
index f24ae4fcd10..75383cdfba1 100644
--- a/packages/docs/src/pages/en/components/tabs.md
+++ b/packages/docs/src/pages/en/components/tabs.md
@@ -124,3 +124,17 @@ Tabs can be dynamically added and removed. In this example when we add a new tab
 You can use a menu to hold additional tabs, swapping them out on the fly.
 
 <ExamplesExample file="v-tabs/misc-overflow-to-menu" />
+
+### Slots
+
+#### Tab and window items
+
+Use the **tab** and **item** slots with the **items** prop to reduce the markup required to build tabs.
+
+::: success
+
+This feature was introduced in [v3.6.0 (Nebula)](/getting-started/release-notes/?version=v3.6.0)
+
+:::
+
+<ExamplesExample file="v-tabs/slot-tabs" />
diff --git a/packages/docs/src/plugins/icons.ts b/packages/docs/src/plugins/icons.ts
index c0cf8a9cd90..18f53826e17 100644
--- a/packages/docs/src/plugins/icons.ts
+++ b/packages/docs/src/plugins/icons.ts
@@ -48,6 +48,7 @@ export {
   mdiBookmark,
   mdiBookmarkMinus,
   mdiBookmarkOutline,
+  mdiBookOpenPageVariant,
   mdiBookVariant,
   mdiBottleTonicPlus,
   mdiBriefcase,
@@ -194,6 +195,7 @@ export {
   mdiGithub,
   mdiGlassWine,
   mdiGoogleNearby,
+  mdiHandshakeOutline,
   mdiHeadQuestionOutline,
   mdiHeart,
   mdiHeartOutline,
@@ -222,6 +224,7 @@ export {
   mdiLayersOutline,
   mdiLayersTriple,
   mdiLeaf,
+  mdiLicense,
   mdiLifebuoy,
   mdiLightbulbOnOutline,
   mdiLink,
diff --git a/packages/vuetify/src/components/VTabs/VTabs.tsx b/packages/vuetify/src/components/VTabs/VTabs.tsx
index bd6b47665ba..df42d23bb31 100644
--- a/packages/vuetify/src/components/VTabs/VTabs.tsx
+++ b/packages/vuetify/src/components/VTabs/VTabs.tsx
@@ -3,6 +3,8 @@ import './VTabs.sass'
 
 // Components
 import { VTab } from './VTab'
+import { VTabsWindow } from './VTabsWindow'
+import { VTabsWindowItem } from './VTabsWindowItem'
 import { makeVSlideGroupProps, VSlideGroup } from '@/components/VSlideGroup/VSlideGroup'
 
 // Composables
@@ -22,6 +24,20 @@ import { VTabsSymbol } from './shared'
 
 export type TabItem = string | number | Record<string, any>
 
+export type VTabsSlot = {
+  item: TabItem
+}
+
+export type VTabsSlots = {
+  default: never
+  tab: VTabsSlot
+  item: VTabsSlot
+  window: never
+} & {
+  [key: `tab.${string}`]: VTabsSlot
+  [key: `item.${string}`]: VTabsSlot
+}
+
 function parseItems (items: readonly TabItem[] | undefined) {
   if (!items) return []
 
@@ -53,12 +69,15 @@ export const makeVTabsProps = propsFactory({
   hideSlider: Boolean,
   sliderColor: String,
 
-  ...makeVSlideGroupProps({ mandatory: 'force' as const }),
+  ...makeVSlideGroupProps({
+    mandatory: 'force' as const,
+    selectedClass: 'v-tab-item--selected',
+  }),
   ...makeDensityProps(),
   ...makeTagProps(),
 }, 'VTabs')
 
-export const VTabs = genericComponent()({
+export const VTabs = genericComponent<VTabsSlots>()({
   name: 'VTabs',
 
   props: makeVTabsProps(),
@@ -69,7 +88,7 @@ export const VTabs = genericComponent()({
 
   setup (props, { slots }) {
     const model = useProxiedModel(props, 'modelValue')
-    const parsedItems = computed(() => parseItems(props.items))
+    const items = computed(() => parseItems(props.items))
     const { densityClasses } = useDensity(props)
     const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'bgColor'))
 
@@ -86,36 +105,66 @@ export const VTabs = genericComponent()({
 
     useRender(() => {
       const slideGroupProps = VSlideGroup.filterProps(props)
+      const hasWindow = !!(slots.window || props.items.length > 0)
 
       return (
-        <VSlideGroup
-          { ...slideGroupProps }
-          v-model={ model.value }
-          class={[
-            'v-tabs',
-            `v-tabs--${props.direction}`,
-            `v-tabs--align-tabs-${props.alignTabs}`,
-            {
-              'v-tabs--fixed-tabs': props.fixedTabs,
-              'v-tabs--grow': props.grow,
-              'v-tabs--stacked': props.stacked,
-            },
-            densityClasses.value,
-            backgroundColorClasses.value,
-            props.class,
-          ]}
-          style={[
-            { '--v-tabs-height': convertToUnit(props.height) },
-            backgroundColorStyles.value,
-            props.style,
-          ]}
-          role="tablist"
-          symbol={ VTabsSymbol }
-        >
-          { slots.default ? slots.default() : parsedItems.value.map(item => (
-            <VTab { ...item } key={ item.text } />
-          ))}
-        </VSlideGroup>
+        <>
+          <VSlideGroup
+            { ...slideGroupProps }
+            v-model={ model.value }
+            class={[
+              'v-tabs',
+              `v-tabs--${props.direction}`,
+              `v-tabs--align-tabs-${props.alignTabs}`,
+              {
+                'v-tabs--fixed-tabs': props.fixedTabs,
+                'v-tabs--grow': props.grow,
+                'v-tabs--stacked': props.stacked,
+              },
+              densityClasses.value,
+              backgroundColorClasses.value,
+              props.class,
+            ]}
+            style={[
+              { '--v-tabs-height': convertToUnit(props.height) },
+              backgroundColorStyles.value,
+              props.style,
+            ]}
+            role="tablist"
+            symbol={ VTabsSymbol }
+          >
+            { slots.default?.() ?? items.value.map(item => (
+              slots.tab?.({ item }) ?? (
+                <VTab
+                  { ...item }
+                  key={ item.text }
+                  value={ item.value }
+                  v-slots={{
+                    default: () => slots[`tab.${item.value}`]?.({ item }),
+                  }}
+                />
+              )
+            ))}
+          </VSlideGroup>
+
+          { hasWindow && (
+            <VTabsWindow
+              v-model={ model.value }
+              key="tabs-window"
+            >
+              { items.value.map(item => slots.item?.({ item }) ?? (
+                <VTabsWindowItem
+                  value={ item.value }
+                  v-slots={{
+                    default: () => slots[`item.${item.value}`]?.({ item }),
+                  }}
+                />
+              ))}
+
+              { slots.window?.() }
+            </VTabsWindow>
+          )}
+        </>
       )
     })
 
diff --git a/packages/vuetify/src/components/VTabs/VTabsWindow.tsx b/packages/vuetify/src/components/VTabs/VTabsWindow.tsx
new file mode 100644
index 00000000000..ea39d0b36a6
--- /dev/null
+++ b/packages/vuetify/src/components/VTabs/VTabsWindow.tsx
@@ -0,0 +1,66 @@
+// Components
+import { makeVWindowProps, VWindow } from '@/components/VWindow/VWindow'
+
+// Composables
+import { useProxiedModel } from '@/composables/proxiedModel'
+
+// Utilities
+import { computed, inject } from 'vue'
+import { genericComponent, omit, propsFactory, useRender } from '@/util'
+
+// Types
+import { VTabsSymbol } from './shared'
+
+export const makeVTabsWindowProps = propsFactory({
+  ...omit(makeVWindowProps(), ['continuous', 'nextIcon', 'prevIcon', 'showArrows', 'touch', 'mandatory']),
+}, 'VTabsWindow')
+
+export const VTabsWindow = genericComponent()({
+  name: 'VTabsWindow',
+
+  props: makeVTabsWindowProps(),
+
+  emits: {
+    'update:modelValue': (v: unknown) => true,
+  },
+
+  setup (props, { slots }) {
+    const group = inject(VTabsSymbol, null)
+    const _model = useProxiedModel(props, 'modelValue')
+
+    const model = computed({
+      get () {
+        // Always return modelValue if defined
+        // or if not within a VTabs group
+        if (_model.value != null || !group) return _model.value
+
+        // If inside of a VTabs, find the currently selected
+        // item by id. Item value may be assigned by its index
+        return group.items.value.find(item => group.selected.value.includes(item.id))?.value
+      },
+      set (val) {
+        _model.value = val
+      },
+    })
+
+    useRender(() => {
+      const windowProps = VWindow.filterProps(props)
+
+      return (
+        <VWindow
+          _as="VTabsWindow"
+          { ...windowProps }
+          v-model={ model.value }
+          class="v-tabs-window"
+          mandatory={ false }
+          touch={ false }
+          v-slots={ slots }
+        />
+      )
+    })
+
+    return {}
+  },
+})
+
+export type VTabsWindow = InstanceType<typeof VTabsWindow>
diff --git a/packages/vuetify/src/components/VTabs/VTabsWindowItem.tsx b/packages/vuetify/src/components/VTabs/VTabsWindowItem.tsx
new file mode 100644
index 00000000000..eebd10644a3
--- /dev/null
+++ b/packages/vuetify/src/components/VTabs/VTabsWindowItem.tsx
@@ -0,0 +1,38 @@
+// Components
+import { makeVWindowItemProps, VWindowItem } from '@/components/VWindow/VWindowItem'
+
+// Utilities
+import { genericComponent, propsFactory, useRender } from '@/util'
+
+export const makeVTabsWindowItemProps = propsFactory({
+  ...makeVWindowItemProps(),
+}, 'VTabsWindowItem')
+
+export const VTabsWindowItem = genericComponent()({
+  name: 'VTabsWindowItem',
+
+  props: makeVTabsWindowItemProps(),
+
+  setup (props, { slots }) {
+    useRender(() => {
+      const windowItemProps = VWindowItem.filterProps(props)
+
+      return (
+        <VWindowItem
+          _as="VTabsWindowItem"
+          { ...windowItemProps }
+          class={[
+            'v-tabs-window-item',
+            props.class,
+          ]}
+          style={ props.style }
+          v-slots={ slots }
+        />
+      )
+    })
+
+    return {}
+  },
+})
+
+export type VTabsWindowItem = InstanceType<typeof VTabsWindowItem>
diff --git a/packages/vuetify/src/components/VTabs/index.ts b/packages/vuetify/src/components/VTabs/index.ts
index e3a24f56450..c137dab2d86 100644
--- a/packages/vuetify/src/components/VTabs/index.ts
+++ b/packages/vuetify/src/components/VTabs/index.ts
@@ -1,2 +1,4 @@
-export { VTabs } from './VTabs'
 export { VTab } from './VTab'
+export { VTabs } from './VTabs'
+export { VTabsWindow } from './VTabsWindow'
+export { VTabsWindowItem } from './VTabsWindowItem'