Scrolltrigger components and templates
Explore 5 ThreeUI components, templates, backgrounds, and interactive effects tagged Scrolltrigger, with previews and editable implementation source.
- Kairo
The complete KAIRO culinary product page with its WebGL2 flame-wrapped hero, Lenis smooth scroll, GSAP ScrollTrigger reveals, pinned editorial sections, and remote product photography.
- Aurello
The complete Aurello beverage page with its can and its oranges rebuilt as real-time Three.js geometry — a lathed can traced from the product render's own silhouette and wrapped with a cylindrically un-projected label, and lit half-oranges whose cut face is un-projected from the fruit photograph — carried by the authored GSAP ScrollTrigger choreography, the pinned journey can, and the original stills as the no-WebGL fallback.
- Mara Voss
A complete field-recordist portfolio built as an editorial archive of vanishing sounds, with paper textures, specimen cards, listening records, field logs, an extruded WebGL hero wordmark and contact sheet that orbit under the pointer, and deliberately paced chapter transitions.
- MK·78 Keyboard
A complete interactive keyboard product story that rebuilds every key in DOM and CSS, moving from an oversized typing hero through construction, lineage, feature, voice, finish, and final product chapters.
- OSCILLA M-1
A Blender-baked synthesiser that opens as an exploded assembly drawing and closes into itself, carried through eleven scroll-linked 3D acts, then opened into a playable 49-key instrument, patch fan, signal chain, production pipeline, specifications, build numbers, and edition cards.