←Back to all templatesBack
Hero Section✦ Figma File Included✦ Figma Included
3D Procedural Helix Spiral Hero
Interactive 3D procedural helix spiral built in Three.js, mapping portfolio gallery cards along a 3D spiral curve.
Interactive Motion ShowcaseNext.js, Three.js, GSAP
About this component
An award-winning interaction pattern utilizing Three.js and GSAP to guide visitors through dynamic dimensional rotation. Free community component.
Features
- ✓100% Free community starter
- ✓Procedural 3D mathematical helix curve calculation
- ✓Smooth scrub synchronization with camera dolly
- ✓Interactive card click-through transitions
Technologies
Next.jsThree.jsGSAP
What is included
- •Figma source design file (.fig) included
- •Spiral canvas component & mathematical coordinate script
- •MIT commercial license