Uploaded March 2025 | Updated September 2026, 2 weeks ago
Threlte is a 3D framework for Svelte.
🔴 Patreon: patreon.com/joyofcode
𝕏 Twitter: twitter.com/joyofcodedev
💬 Discord: discord.com/invite/k6ZpwAKwwZ
🔥 Uses: https://www.joyofcode.xyz/uses
🔗 Three.js: threejs.org
🔗 Threlte: https://threlte.xyz/
🔗 Svelte Tutorial: https://svelte.dev/tutorial
🔗 Three.js Manual: threejs.org/manual/#en/fundamentals
🔗 Three.js Example: threejs.org/examples/#webgl_animation_keyframes
🔗 Sketchfab: sketchfab.com
🔗 Mixamo: mixamo.com
🔗 3D Model (Littlest Tokyo by Glen Fox): github.com/mrdoob/three.js/raw/refs/heads/master/examples/models/gltf/LittlestTokyo.glb
🔖 Timestamps
0:00 Intro
1:39 Threlte Basics
4:43 Translating Three.js Code To Threlte
8:24 Using Threlte Extras (Utilities, Abstractions and Plugins)
10:10 Using Svelte Tweakpane UI
11:30 Loading 3D Assets
15:38 More Threlte Features
16:33 Outro
#joyofcode #sveltekit #svelte
Threlte is a 3D framework for Svelte.
🔴 Patreon: patreon.com/joyofcode
𝕏 Twitter: twitter.com/joyofcodedev
💬 Discord: discord.com/invite/k6ZpwAKwwZ
🔥 Uses: https://www.joyofcode.xyz/uses
🔗 Three.js: threejs.org
🔗 Threlte: https://threlte.xyz/
🔗 Svelte Tutorial: https://svelte.dev/tutorial
🔗 Three.js Manual: threejs.org/manual/#en/fundamentals
🔗 Three.js Example: threejs.org/examples/#webgl_animation_keyframes
🔗 Sketchfab: sketchfab.com
🔗 Mixamo: mixamo.com
🔗 3D Model (Littlest Tokyo by Glen Fox): github.com/mrdoob/three.js/raw/refs/heads/master/examples/models/gltf/LittlestTokyo.glb
🔖 Timestamps
0:00 Intro
1:39 Threlte Basics
4:43 Translating Three.js Code To Threlte
8:24 Using Threlte Extras (Utilities, Abstractions and Plugins)
10:10 Using Svelte Tweakpane UI
11:30 Loading 3D Assets
15:38 More Threlte Features
16:33 Outro
#joyofcode #sveltekit #svelte










