Sticky Mask Gallery

About this Component Sticky Mask Gallery is a scroll-driven image gallery built for cinematic sticky sections.

About this Component

Sticky Mask Gallery is a scroll-driven image gallery built for cinematic sticky sections. Images stay visually locked in place while rounded containers move across them, creating a clean masked reveal with a persistent gap between each transition.

Perfect For

Product pages, landing pages, portfolios, editorial layouts, feature showcases, and immersive storytelling sections.

Key Features

• Stationary-image masked reveal • Smooth multi-image scroll progression • Persistent gap between outgoing and incoming containers • Fluid or fixed responsive geometry • Adjustable radius, gap, side inset, and vertical inset • Image fit and focal-position controls • Custom gap and image background colors • Adjustable scroll start, end, and sticky offset • Supports up to 12 images • Static-renderer fallback for Marketplace previews • Offscreen animation pausing for better performance • Fully scoped behavior with no page-wide scroll manipulation

How It Works

Place the component inside a sticky frame, then place that sticky frame inside a taller scrolling section. A parent height around 2000–3000px works well as a starting point. The outer section supplies the scroll distance while the component handles the image transitions automatically.

Questions?

Reach out at [email protected]

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.