Learn How To Make Interactive 3D Apps With Svelte And Threlte @JoyofCodeDev
Learn How To Make Interactive 3D Apps With Svelte And Threlte  @JoyofCodeDev
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
Learn How To Make Interactive 3D Apps With Svelte And ThrelteTesting For Beginners #7 - Todo ComponentDeploy Your SvelteKit App Using Vercel And SupabaseLets Make A Todo App Using Svelte 5 RunesSvelte Guide For React DevelopersTailwind Is A CSS Framework GeneratorTypeScript Fundamentals - #21 Adding Types For APIsLearn Svelte By Making A Matching GameMake Awesome Code Tutorials Using Shiki Magic MoveThe Debugging Mistake Thats Wasting Your TimeTesting For Beginners #1 - Tests Give You ConfidenceTypeScript Fundamentals - #12 Object Index Signatures Can Trip You Up
Joy of Code |

Learn How To Make Interactive 3D Apps With Svelte And Threlte

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER