Food components and templates
Explore 3 ThreeUI components, templates, backgrounds, and interactive effects tagged Food, 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.
- AUBE
A warm French bakery journey that follows four bagel flavors from oven to first bite through a tactile 3D story, atelier manifesto, craft process, morning collection, menu, ritual, and visit invitation, opening with a minimal wordmark loading sequence and a staged 3D reveal.