@webloved: How I build with Claude 👇 Academy in bio 🔗 I inspected this one, it runs on GSAP and headless Shopify, here is the real stack: The product that floats and turns as you scroll is a frame sequence, you preload a set of rendered images and draw them to a canvas, then GSAP ScrollTrigger maps your scroll position to the frame index, so scrolling literally scrubs the 3D shot. The intro where everything settles into place is a single GSAP timeline on load, you stagger the headline, nav and product so they arrive in sequence instead of popping in together. The dreamy sky behind it is pure CSS, a linear-gradient from deep navy to lavender with a soft radial-gradient glow layered on top, no image needed. Any sliders deeper in the page are Swiper.js, and the sound toggle is just an audio element gated behind a click because browsers block autoplay sound. The whole thing is React wired to headless Shopify, so it is a real store under all that motion. Save this if you want scroll driven 3D 🌌 #claude #buildinpublic #webdesign #3d #fyp

weblove

Open In TikTok:

Region: PT

Friday 19 June 2026 16:49:29 GMT