> Canonical URL: https://codingcat.dev/topic/threejs

# Three.js Courses, Podcasts & Blog Posts | CodingCat.dev

🚀 Framework & UI Hub

# Three.js.

3D WebGL/WebGPU Scenes, GLTF Rigging & Shaders in the Browser

Explore CodingCat.dev hands-on courses, video lessons, podcast episodes, and technical deep-dive blog posts covering Three.js: 3D WebGL/WebGPU Scenes, GLTF Rigging & Shaders in the Browser.

[Search All Three.js Content](/search?q=Three.js)![Three.js official logo](/logos/tags/threejs-lockup-light.svg)![Three.js official logo](/logos/tags/threejs-lockup-dark.svg)Official Three.js Brand Lockup (0 Blog Posts · 0 Episodes)✏️ Three.js Production Architecture Diagram✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]How Three.js fits into a modern, type-safe full-stack production architecture on CodingCat.dev.AAA Contrast Verified

## Three.js Courses.

[All Courses→](/courses)[![Three.js & WebGPU in Production: Interactive 3D Mascots & Viewers](https://cdn.sanity.io/images/hfh83o0w/production/286e1fd54787494f00dea574a3c2706105542ca1-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/threejs-webgpu-3d-mascots)November 4, 2026[![](/logos/tags/astro-symbol-light.svg)![](/logos/tags/astro-symbol-dark.svg)Astro](/topic/astro)[![](/logos/tags/threejs-symbol-light.svg)![](/logos/tags/threejs-symbol-dark.svg)Three.js](/topic/threejs)

### [Three.js & WebGPU in Production: Interactive 3D Mascots & Viewers](/course/threejs-webgpu-3d-mascots)

Build our production `<Aj3dMascotViewer />` component in Astro and Three.js. Master GLTFLoader, studio rim lighting, clamped cursor pupil tracking, and deterministic `window.seek(t)` scrubbing.

[![Flagship 2: Agentic 3D Web Pipelines with Blender, Blender MCP & Three.js](https://cdn.sanity.io/images/hfh83o0w/production/723908b7c80537de52a122c1816a6b94163f466b-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/agentic-3d-web-pipelines-blender-mcp-threejs)November 4, 2026[![](/logos/tags/react-native-symbol-light.svg)![](/logos/tags/react-native-symbol-dark.svg)React Native](/topic/react-native)[![](/logos/tags/threejs-symbol-light.svg)![](/logos/tags/threejs-symbol-dark.svg)Three.js](/topic/threejs)

### [Flagship 2: Agentic 3D Web Pipelines with Blender, Blender MCP & Three.js](/course/agentic-3d-web-pipelines-blender-mcp-threejs)

Go behind the scenes of how we built 3D AJ the Cat on CodingCat.dev. Connect AI agents to Blender via Blender MCP, export compact glTF 2.0 (.glb) armatures, and render them in Three.js with deterministic window.seek(t) physics.