←Back to all templatesBack
Hero SectionCode Only (No Figma)Code Only
AURELIA WebGL Concentric Orbit Hero
Interactive 3D concentric ring orbit hero built with Three.js custom shaders and kinetic headline typography.
Interactive Motion ShowcaseNext.js, Three.js, GSAP, Shaders
About this component
A show-stopping 3D WebGL hero section that reacts to cursor movement and scroll velocity. Provided 100% free to the developer community.
Features
- ✓100% Free for personal and commercial projects
- ✓Custom Three.js shader and concentric ring geometry
- ✓Smooth interactive mouse tracking with inertia damping
- ✓Kinetic headline entrance with General Sans typography
Technologies
Next.jsThree.jsGSAPShaders
What is included
- •Pure Next.js code package (No Figma file included)
- •Complete Three.js + GSAP canvas component
- •Shader source files and performance presets
- •MIT commercial license