--- title: "Talks - AlvaroSabu" description: "A collection of talks and presentations about web development, 3D, Vue.js, and TresJS." canonical_url: "https://alvarosabu.dev/talks/" meta: "og:description": "A collection of talks and presentations about web development, 3D, Vue.js, and TresJS." "og:image": "https://alvarosabu.dev/talks-og.png" "og:image:alt": "Alvaro Saburido's Public Speaking" "og:title": Talks "twitter:description": "A collection of talks and presentations about web development, 3D, Vue.js, and TresJS." "twitter:image": "https://alvarosabu.dev/talks-og.png" "twitter:image:alt": "Alvaro Saburido's Public Speaking" "twitter:title": Talks --- > Index of every page on this site: [llms.txt](https://alvarosabu.dev/llms.txt) # **talks** ## **How I recreated Vue Fes Japan 2025 website using TresJS and TSL (WebGPU)** A walkthrough of how I rebuilt the Vue Fes Japan 2025 website 3D visuals with TresJS and the Three.js Shading Language (TSL) on WebGPU. TresJSVue3DWebGPUTSLThreeJSShaders [**Vue Fes Japan 2026**](https://vuefes.jp/2026/en/speaker/alvarosabu) Oct 24, 2026·Tokyo, Japan [Slides](https://vuefesjapan-2026.alvarosabu.dev/1) ## **Shiny, Pretty and Post-processed TresJS Effects for Visuals** Explore advanced post-processing effects in TresJS to create stunning, shiny, and visually impressive 3D experiences in Vue applications. TresJSVue3DWebGLThreeJSPost-processingVisual Effects [**Frontend Nation 2025**](https://frontendnation.com/) Jun 3, 2025·Online [Watch](https://www.youtube.com/watch?v=LJo0W0gZIUM) [**Vue.js Nation 2025**](https://vuejsnation.com/) Jan 29, 2025·Online [Watch](https://www.youtube.com/watch?v=MVwN7DAzMFo) ## **Create a 3D Multiplayer Game with TresJS** Live coding + live game = lot of fun! An interactive session featuring a 3D multiplayer game built with TresJS that had everyone on the edge of their seats. TresJSVue3DWebGLThreeJSGame DevelopmentMultiplayer [**MadVue 2025**](https://madvue.es/) May 29, 2025·Madrid, Spain [Watch](https://youtu.be/sEGVU9YQSb4?si=JZ4MM34SC4OX2hF8) [**Vue.js Amsterdam 2025**](https://vuejs.amsterdam/) Mar 12, 2025·Amsterdam, Netherlands [Watch](https://www.youtube.com/live/fB3j5cQyOB8?si=Y5UtURjjT5vhZk5e&t=23126) ## **Bring the Magic of 3D to Your Vue Applications with TresJS** TresJS is a Vue custom renderer that enables you to craft immersive 3D experiences declaratively using ThreeJS components. Discover how Tres breaks down the barrier between developers and the 3D world. TresJSVue3DWebGLThreeJSJavaScript [**JSNation US 2024**](https://jsnation.us/) Nov 18, 2024·New York, USA [Watch](https://gitnation.com/contents/bring-the-magic-of-3d-to-your-vue-applications-with-tresjs) ## **How to Create a 3D Low Poly Planet Scene with TresJS** An intro to creating a 3D low poly planet scene with TresJS. Learn how to export models from Blender and integrate them into your Vue applications. TresJSVue3DWebGLThreeJSBlender [**Vue.js Forge 2024**](https://vuejsforge.com/) Nov 14, 2024·Online [Watch](https://lab.tresjs.org/experiments/lowpoly-planet) ## **What's Hot on TresJS v4** A full update on what we've been developing for v4 of the core, including new devtools, translated docs, a cookbook, new features and extensive bug fixing. TresJSVue3DWebGLThreeJS [**Vue.js Deutschland Conf 2024**](https://conf.vuejs.de/) Oct 5, 2024·Berlin, Germany [Watch](https://www.youtube.com/watch?v=IhUh-zpddUE&t=32s) [**Vue.js Live 2024**](https://vuejslive.com/) Apr 25, 2024·Online [Watch](https://gitnation.com/contents/whats-hot-on-tresjs-v4) ## **How the ViteConf 3D Puzzle was Built** A behind-the-scenes look at building the interactive 3D puzzle for the ViteConf landing page using TresJS and Vue, showcasing the collaboration between StackBlitz and TresJS. TresJSVue3DWebGLThreeJSViteInteractive [**ViteConf 2024**](https://viteconf.org/) Oct 3, 2024·Online [Watch](https://www.youtube.com/watch?v=Hqla-ynBSy4) ## **The Subtle Art of 3D Scroll-telling & Product configuration with TresJS** Meet TresJS, a Vue custom renderer that brings the magic of 3D in a declarative way by using components and composables. TresJSVue3DWebGLThreeJSScrollytelling [**VueJS Amsterdam 2024**](https://vuejs.amsterdam/) Mar 28, 2024·Amsterdam, Netherlands [Watch](https://youtu.be/xa1EZ9DPfMo?si=eVTxEU4a6Wt6pDct) ## **How to Create 3D Experiences Using Vue with TresJS** Discover how the Tres ecosystem reduces the gap between Vue developers and the world of WebGL while enhancing the developer experience of working with 3D on the browser. TresJSVue3DWebGLThreeJS [**Vue.js Nation 2024**](https://vuejsnation.com/) Jan 24, 2024·Online ## **How Vite Is Powering the TresJS Ecosystem** Explore how Vite powers the TresJS ecosystem, enabling fast development and optimal performance for Vue-based 3D applications. TresJSVueVite3DWebGLThreeJSBuild Tools [**ViteConf 2023**](https://viteconf.org/) Oct 5, 2023·Online [Watch](https://viteconf.org/23/replay) ## **TresJS, a declarative way of creating 3D scenes from Vue components** Meet TresJS ▲ ■ ●, a declarative way of bringing the magic of ThreeJS using everyday Vue Components and composables. TresJSVue3DWebGLThreeJS [**Vue.js London 2023**](https://vuejslive.com/) May 12, 2023·London, UK [Watch](https://portal.gitnation.org/contents/tresjs-a-declarative-way-of-creating-3d-scenes-from-vue-components/en) [**WeAreDevelopers LIVE 2023 - Vue.js Day**](https://www.wearedevelopers.com/) Feb 1, 2023·Online [Watch](https://www.wearedevelopers.com/en/videos/543/tresjs-a-new-declarative-threejs-as-vue-components) ```json {"@context":"https://schema.org","@graph":[{"@id":"https://alvarosabu.dev/#website","@type":"WebSite","description":"Creative Software Engineer. Author of TresJS.","name":"AlvaroSabu","url":"https://alvarosabu.dev/","publisher":{"@id":"https://alvarosabu.dev/#identity"}},{"@id":"https://alvarosabu.dev/talks/#webpage","@type":"WebPage","description":"A collection of talks and presentations about web development, 3D, Vue.js, and TresJS.","name":"Talks","url":"https://alvarosabu.dev/talks/","isPartOf":{"@id":"https://alvarosabu.dev/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://alvarosabu.dev/talks/"]}]},{"@id":"https://alvarosabu.dev/#identity","@type":"Person","description":"Creative Software Engineer, open source mantainer, keynote speaker and author of TresJS.","email":"mailto:hola@alvarosaburido.dev","jobTitle":"Senior Software Engineer","name":"Alvaro Saburido","url":"https://alvarosabu.dev","alumniOf":{"@type":"CollegeOrUniversity","name":"Universidad Católica Andrés Bello","url":"https://ucab.edu.ve"},"hasCredential":{"@type":"EducationalOccupationalCredential","name":"Bachelor of Telecommunications Engineering","credentialCategory":"BachelorDegree","credentialName":"Bachelor of Telecommunications Engineering","credentialDescription":"Bachelor of Telecommunications Engineering","credentialUrl":"https://ucab.edu.ve","credentialIssuer":{"@type":"Organization","name":"Universidad Católica Andrés Bello","url":"https://ucab.edu.ve"}},"homeLocation":{"@type":"Place","name":"Spain","address":{"@type":"PostalAddress","addressCountry":"ES","addressRegion":"Barcelona"}},"image":{"@id":"https://alvarosabu.dev/#/schema/image/1"},"knowsAbout":["Vue.js","Nuxt","JavaScript","TypeScript","Open Source","Three.js","WebGPU","WebGL"],"memberOf":{"@type":"Organization","name":"TresJS","url":"https://tresjs.org"},"sameAs":["https://github.com/alvarosabu","https://x.com/alvarosabu","https://linkedin.com/in/alvarosaburido","https://bsky.app/profile/alvarosabu.dev"],"worksFor":{"@type":"Organization","name":"Directus","url":"https://directus.com"}},{"@id":"https://alvarosabu.dev/#/schema/image/1","@type":"ImageObject","contentUrl":"https://alvarosabu.dev/avatar.png","inLanguage":"en","url":"https://alvarosabu.dev/avatar.png"}]} ``` ## Sitemap See the full [sitemap](https://alvarosabu.dev/sitemap.md) for all pages.