docs: add community section with awesome resources (#1025)

* docs: first draft for awesome resources from the community

* docs: Update awesome-resources.md

* docs: first draft for awesome resources page

* docs: first draft for awesome resources from the community

* docs: Update awesome-resources.md

* docs: first draft for awesome resources page

* docs: add spanish and german translation for awesome resources pages

* docs: added missing routes in localised navigations

---------

Co-authored-by: Alvaro Saburido <alvaro.saburido@gmail.com>

docs/.vitepress/config/de.ts

@@ -100,6 +100,12 @@ export const deConfig: LocaleSpecificConfig<DefaultTheme.Config> = {
           },
         ],
       },
+      {
+        text: 'Community',
+        items: [
+          { text: 'Tolle Resourcen', link: '/de/community/awesome-resources' },
+        ],
+      },
     ],
     nav: [
       { text: 'Anleitung', link: '/de/guide/' },

docs/.vitepress/config/en.ts

@@ -104,6 +104,12 @@ export const enConfig: LocaleSpecificConfig<DefaultTheme.Config> = {
           },
         ],
       },
+      {
+        text: 'Community',
+        items: [
+          { text: 'Awesome Resources', link: '/community/awesome-resources' },
+        ],
+      },
       {
         text: 'Contributing',
         items: [

docs/.vitepress/config/es.ts

@@ -101,6 +101,12 @@ export const esConfig: LocaleSpecificConfig<DefaultTheme.Config> = {
           },
         ],
       },
+      {
+        text: 'Comunidad',
+        items: [
+          { text: 'Recursos increíbles', link: '/es/community/awesome-resources' },
+        ],
+      },
     ],
     nav: [
       { text: 'Guía', link: '/es/guide/' },

docs/community/awesome-resources.md

@@ -0,0 +1,37 @@
+# Awesome Resources
+
+A curated list of interesting Threejs and TresJS community projects. The listed resources are primarly in English. You can find localised resources if there are some to our knowledge at the bottom of the page.
+
+## Community plugins
+
+- [Gltf-Type-Toolkit](https://github.com/toddeTV/gltf-type-toolkit) (Generates type-safe glTF file representations in TypeScript) by [toddeTV](https://github.com/toddeTV)
+- [three-scatter](https://github.com/JaimeTorrealba/three-scatter) (helps scatter meshes with Threejs) by [JaimeTorrealba](https://github.com/JaimeTorrealba)
+
+You have a community plugin that helps solve a problem?
+Please open a pull request and let us know more details about what your plugin solves, so we can review it and add it to the list.
+
+## Recent talks on TresJS
+
+- [Bring the Magic of 3D to Your Vue Applications With TresJS by Alvaro Saburido](https://www.youtube.com/watch?v=k_BEfbY9wrw)
+- [Vue.js Nation 2025: Alvaro Saburido - TresJS Effects for Jaw-Dropping Visuals!](https://www.youtube.com/watch?v=MVwN7DAzMFo)
+- [Nuxt Nation 2024: Thorsten Seyschab - Playing with Nuxt in 3D](https://www.youtube.com/watch?v=o5zTGtHb5-o)
+
+## Recent articles on TresJS
+
+- [Multi-Cameras with TresJS](https://medium.com/stackademic/multi-cameras-with-tresjs-26a54d06878e)
+- [How to create an infinite tube with TresJS](https://medium.com/stackademic/how-to-create-an-infinite-tube-with-tresjs-e9ff4fc76e86)
+- [3D Pixel Art on the Web](https://medium.com/@Jaimebboyjt/3d-pixel-art-on-the-web-f70fbf68fb4f)
+
+## Games built with TresJS
+
+- [Dungeons & Dragons-like 3D game, built entirely with Nuxt, TresJS, and ThreeJS](https://nuxt-3d-dnd-game.fly.dev/)
+- [zlig is a Japanese zen-inspired idle browser game](https://zlig.net/game)
+
+## Courses
+
+- Egghead Course by Alvaro [Create Interactive 3D Experiences with TresJS](https://egghead.io/courses/create-interactive-3d-experiences-with-tresjs-004057c2)
+- Become a Three.js developer [ThreeJS Journey by Bruno Simon](https://threejs-journey.com/?c=p3)
+
+## Resources in other languages
+
+You can find localised resources, if existing, on the other language translations of the docs.

docs/de/community/awesome-resources.md

@@ -0,0 +1,33 @@
+# Tolle Resourcen
+
+Eine ausgewählte Liste interessanter Threejs und TresJS Community Projekte. Die aufgelisteten Quellen sind in erster Linie in Englisch. Lokalisierte Ressourcen findest du, falls vorhanden, am Ende dieser Seite.
+
+## Community-Plugins
+
+- [Gltf-Type-Toolkit](https://github.com/toddeTV/gltf-type-toolkit) (Erzeugt typsichere Darstellungen von glTF-Dateien in TypeScript) von [toddeTV](https://github.com/toddeTV)
+- [three-scatter](https://github.com/JaimeTorrealba/three-scatter) (hilft beim Scattering von Meshes mit Threejs) von [JaimeTorrealba](https://github.com/JaimeTorrealba)
+
+Du hast ein Community-Plugin, das hilft, ein Problem zu lösen?
+Bitte eröffne einen Pull-Request und teile uns mehr Details darüber mit, was dein Plugin löst, damit wir es überprüfen und der Liste hinzufügen können.
+
+## Aktuelle Vorträge über TresJS
+
+- [Bring the Magic of 3D to Your Vue Applications With TresJS by Alvaro Saburido](https://www.youtube.com/watch?v=k_BEfbY9wrw)
+- [Vue.js Nation 2025: Alvaro Saburido - TresJS Effects for Jaw-Dropping Visuals!](https://www.youtube.com/watch?v=MVwN7DAzMFo)
+- [Nuxt Nation 2024: Thorsten Seyschab - Playing with Nuxt in 3D](https://www.youtube.com/watch?v=o5zTGtHb5-o)
+
+## Aktuelle Artikel über TresJS
+
+- [Multi-Kameras mit TresJS](https://medium.com/stackademic/multi-cameras-with-tresjs-26a54d06878e)
+- [Wie man eine unendliche Röhre mit TresJS erstellt](https://medium.com/stackademic/how-to-create-an-infinite-tube-with-tresjs-e9ff4fc76e86)
+- [3D-Pixel-Kunst im Web](https://medium.com/@Jaimebboyjt/3d-pixel-art-on-the-web-f70fbf68fb4f)
+
+## Mit TresJS erstellte Spiele
+
+- [Dungeons & Dragons-ähnliches 3D-Spiel, vollständig mit Nuxt, TresJS und ThreeJS erstellt](https://nuxt-3d-dnd-game.fly.dev/)
+- [zlig ist ein japanisches zen-inspiriertes Browserspiel für den Leerlauf](https://zlig.net/game)
+
+## Kurse
+
+- Egghead-Kurs von Alvaro [Interaktive 3D-Erlebnisse mit TresJS erstellen](https://egghead.io/courses/create-interactive-3d-experiences-with-tresjs-004057c2)
+- Werde ein Three.js-Entwickler [ThreeJS Journey von Bruno Simon](https://threejs-journey.com/?c=p3)

docs/es/community/awesome-resources.md

@@ -0,0 +1,40 @@
+# Recursos increíbles
+
+Una lista de proyectos interesantes de la comunidad Threejs y TresJS. Los recursos listados están principalmente en inglés. Puedes encontrar recursos localizados si hay alguno que conozcamos al final de la página.
+
+## Plugins de la comunidad
+
+- [Gltf-Type-Toolkit](https://github.com/toddeTV/gltf-type-toolkit) (Genera representaciones de archivos glTF de tipo seguro en TypeScript) por [toddeTV](https://github.com/toddeTV)
+- [three-scatter](https://github.com/JaimeTorrealba/three-scatter) (ayuda a dispersar mallas con Threejs) por [JaimeTorrealba](https://github.com/JaimeTorrealba)
+
+¿Tienes un plugin comunitario que ayuda a resolver un problema?
+
+Por favor, abre un pull request y danos más detalles sobre lo que resuelve tu plugin, para que podamos revisarlo y añadirlo a la lista.
+
+## Charlas recientes sobre TresJS
+
+- [Bring the Magic of 3D to Your Vue Applications With TresJS by Alvaro Saburido](https://www.youtube.com/watch?v=k_BEfbY9wrw)
+- [Nación Vue.js 2025: Alvaro Saburido - TresJS Effects for Jaw-Dropping Visuals](https://www.youtube.com/watch?v=MVwN7DAzMFo)
+- [Nuxt Nation 2024: Thorsten Seyschab - Playing with Nuxt in 3D](https://www.youtube.com/watch?v=o5zTGtHb5-o)
+
+## Artículos recientes sobre TresJS
+
+- [Multi-Cámaras con TresJS](https://medium.com/stackademic/multi-cameras-with-tresjs-26a54d06878e)
+- [Cómo crear un tubo infinito con TresJS](https://medium.com/stackademic/how-to-create-an-infinite-tube-with-tresjs-e9ff4fc76e86)
+- [3D Pixel Art en la Web](https://medium.com/@Jaimebboyjt/3d-pixel-art-on-the-web-f70fbf68fb4f)
+
+## Juegos creados con TresJS
+
+- [Dungeons & Dragons-like 3D game, built entirely with Nuxt, TresJS, and ThreeJS](https://nuxt-3d-dnd-game.fly.dev/)
+- [zlig es un juego de navegador japonés de inspiración zen](https://zlig.net/game)
+
+## Cursos
+
+- Curso Egghead por Alvaro [Crea experiencias 3D interactivas con TresJS](https://egghead.io/courses/create-interactive-3d-experiences-with-tresjs-004057c2)
+- Conviértete en desarrollador Three.js [ThreeJS Journey por Bruno Simon](https://threejs-journey.com/?c=p3)
+
+## Recursos en español
+
+- Curso Udemy por Jaime Torrealba [Tresjs, interfaces 3D con VueJs](https://www.udemy.com/course/tresjs-interfaces-3d-con-vuejs/)
+
+Puede encontrar recursos localizados, si existen, en las traducciones a otros idiomas de los documentos.