About this Component
Bring your layouts to life with a dynamic bento grid that transforms seamlessly on scroll.
This component uses GSAP Flip to create smooth, high-performance transitions between states — perfect for portfolios, landing pages, and modern product websites.
Unlike most animation-heavy components, this is fully responsive by design, meaning it adapts cleanly across desktop, tablet, and mobile without breaking layout or interaction.
No hacks. No fixed widths. No surprises.
Just drop it into a sticky container and it works.
Perfect For:
Portfolio hero sections
Case study intros
Agency websites
Product showcases
Interactive landing pages
Key Features:
Fully responsive across all breakpoints (desktop, tablet, mobile)Smooth GSAP Flip-based scroll animationWorks perfectly inside sticky containersUpload up to 8 custom imagesIntelligent fallback system for missing imagesAdjustable grid gap (px / vh / vw / rem)Scroll length control (animation distance)Scrub control (tight vs smooth feel)No external setup required
How to Use:
Drop the component inside a sticky containerMake sure your page has enough scroll (200vh+ recommended)Upload your images (up to 8)Adjust scroll and scrub to your preference
Questions? Reach out at hasanwali6890@gmail.com
Refund Policy
All sales are final upon purchase as this is a non-tangible digital product. A refund is offered only if the component suffers a critical technical failure that prevents its core function and cannot be resolved within a reasonable timeframe. Refunds are not issued for buyer's remorse, aesthetic preference, or modifications made after purchase. Report confirmed technical failures with evidence within 14 days of purchase.