Moving Helix
The galaxy from The Aalto Method sales page - see it live on the course page - a full-bleed Three.js system where each planet is one item of your curriculum, feature set or service list. Click a planet, the camera glides in, a label surfaces. A sun at the center sends visitors to your CTA.
What is included: procedurally textured planets (no asset files needed), axial tilts, atmosphere sprites and one ringed planet, a 3-layer starfield with a dust band, raycast picking with camera-lerp focus, HTML labels projected per frame, and sensible mobile behavior.
Customize it: feed it 5-9 items with a title and one line each. The prompt covers color-grading the system to your brand.
The prompt
Build a full-bleed Three.js "galaxy" section where each planet is one item of my list (curriculum lessons, features, ...
Unlock this prompt with Standard or Lifetime.
Unlock all prompts - $299 lifetime →How to use it
- Copy the prompt and paste it into Claude, Cursor or any AI coding tool - current models give the best results.
- Replace the marked tokens (colors, copy, media file names) before you run it.
- Run it, open the result in a browser, then iterate in small steps - one change per message.
Customize it
- Palette and type live in the token block at the top of the prompt - change those first, nothing else.
- Keep the motion values as written on the first pass; tune them only after you have seen the default.
- Swap media last, matching the aspect ratios the prompt names.
