Course 07 · 13 lessons
3D Websites
Build interactive 3D websites that stop people mid-scroll. Rotating objects, immersive scenes, and smooth animations all built through Claude Code.
Start the course- 013D Websites: Start HereNot because the content is exceptional. Because the experience is unlike anything they expected from a browser tab. Objects rotate. Particles float and…
- 02What Is a 3D WebsiteMost websites exist in two dimensions. Width and height. Everything sits flat on the screen like a piece of paper.
- 03Effects You Can BuildThis lesson is a catalogue. Every effect listed here is buildable in one Claude Code session. Pick one for your project.
- 04How 3D Works in a BrowserYou will never write Three.js. But knowing how it works in plain terms makes you a better prompter because you understand what Claude is building and you…
- 05Particle BackgroundsThe particle background is the most-built 3D effect on the web right now. It is behind the hero sections of countless SaaS products, portfolios, and…
- 06Rotating 3D ObjectsA slowly rotating geometric shape, whether a sphere, a crystal, or a torus, is one of the most striking things you can put on a webpage. It signals craft.…
- 07Scroll Animations in 3DScroll-driven animation is what separates a website from an experience. The page becomes interactive by doing nothing other than scrolling. Objects…
- 08Interactive 3D EffectsInteractive 3D effects respond to what the user is doing in real time, not on scroll but on mouse movement, cursor hover, or device tilt. The site feels…
- 09The Master 3D Build PromptThe previous lessons gave you individual prompts for specific 3D effects. This lesson gives you the master prompt, the one that builds a complete…
- 10Debugging 3D Sites3D websites fail differently from regular websites. A broken CSS layout looks wrong. A broken Three.js scene often shows nothing at all, a black canvas, a…
- 11Deploy Your 3D WebsiteA 3D website on your local machine impresses nobody. A 3D website on a live URL impresses everyone who sees it.
- 12Course Summary: 3D WebsitesYou just built and deployed a 3D website that most web developers cannot build.
- 13Homework: Build Your 3D SiteOne task. One URL. Post it in the community when you are done.
Do it with other builders
Post your homework. Get unstuck.
Every course ends with homework. Post yours in Claude Codex Mastery, the community this course comes from, and get feedback from Yar and 400+ people building the same way.
Join the community · $29/mo