diff --git a/docs/app/components/content/SupportedLanguages.vue b/docs/app/components/content/SupportedLanguages.vue
new file mode 100644
index 00000000..d04b724b
--- /dev/null
+++ b/docs/app/components/content/SupportedLanguages.vue
@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import * as locales from '@nuxt/ui/locale'
+
+const props = withDefaults(defineProps<{
+  default?: string
+}>(), {
+  default: 'en'
+})
+
+const getLocaleKeys = () => Object.keys(locales) as Array<keyof typeof locales>
+const localesList = getLocaleKeys().map(locale => [locale, locales[locale].name])
+</script>
+
+<template>
+  <div>
+    <ProseUl>
+      <ProseLi v-for="[key, label] in localesList" :key="key">
+        <ProseCode>{{ key }}</ProseCode> - {{ label }}
+        <template v-if="key === props.default">
+          (default)
+        </template>
+      </ProseLi>
+    </ProseUl>
+    <ProseP>
+      If you need any other languages, a
+      <ProseA href="https://github.com/nuxt/ui/pulls" target="_blank">
+        PR
+      </ProseA>
+      is always welcome, you only need to add a language file
+      <ProseA href="https://github.com/nuxt/ui/tree/v3/src/runtime/locale" target="_blank">
+        here
+      </ProseA>
+    </ProseP>
+  </div>
+</template>
diff --git a/docs/content/1.getting-started/7.i18n/1.nuxt.md b/docs/content/1.getting-started/7.i18n/1.nuxt.md
index 91cc67f3..2db84bb9 100644
--- a/docs/content/1.getting-started/7.i18n/1.nuxt.md
+++ b/docs/content/1.getting-started/7.i18n/1.nuxt.md
@@ -172,10 +172,4 @@ const dir = computed(() => textDirection.value === 'rtl' ? 'rtl' : 'ltr')
 
 ## Supported languages
 
-<!-- TODO: add auto generating language list https://github.com/nuxt/ui/issues/2565 -->
-* `de` - Deutsch
-* `en` - English (default)
-* `fr` - Français
-* `ru` - Русский
-
-If you need any other languages, a [PR](https://github.com/nuxt/ui/pulls) is always welcome, you only need to add a language file [here](https://github.com/nuxt/ui/tree/v3/src/runtime/locale).
+:supported-languages
diff --git a/docs/content/1.getting-started/7.i18n/2.vue.md b/docs/content/1.getting-started/7.i18n/2.vue.md
index 9cc81996..6fd3d150 100644
--- a/docs/content/1.getting-started/7.i18n/2.vue.md
+++ b/docs/content/1.getting-started/7.i18n/2.vue.md
@@ -181,10 +181,4 @@ const dir = computed(() => textDirection.value === 'rtl' ? 'rtl' : 'ltr')
 
 ## Supported languages
 
-<!-- TODO: add auto generating language list https://github.com/nuxt/ui/issues/2565 -->
-* `de` - Deutsch
-* `en` - English (default)
-* `fr` - Français
-* `ru` - Русский
-
-If you need any other languages, a [PR](https://github.com/nuxt/ui/pulls) is always welcome, you only need to add a language file [here](https://github.com/nuxt/ui/tree/v3/src/runtime/locale).
+:supported-languages