Three.js & 3D web templates
These templates put a real-time WebGL scene at the centre of the page: a procedural ocean you descend through, a low-poly world you fly across, a 3D product that photographs its own lookbook. All are built with vanilla Three.js (no React-Three-Fiber overhead) on Next.js.
Each keeps performance honest — targeted payloads, 60fps, IBL lighting for physically-based materials, and scroll-linked camera choreography rather than gratuitous spinning. Where a product model is involved it's compressed with glTF-transform first.
Next.js 16 + TypeScript + Tailwind, free Claude Code prompt, optional tested-source download.
3 templates
Aero
A 3D product stage that photographs its own lookbook.
Fathom
A 3,800-meter descent — jellyfish, bioluminescence, the floor.
Aether
A living low-poly world your users fly through.
Questions
Do these use React Three Fiber?
No — they use vanilla Three.js for tighter control and a smaller runtime, with GSAP ScrollTrigger driving the scroll-linked camera and scene changes.
Are the 3D templates performant?
Yes — they target ~60fps with compressed assets (glTF-transform), image-based lighting for realistic materials, and no heavy post-processing. Each demo runs the actual build you'd download.