Masked Scroll Slider

This component creates a smooth, step-by-step visual journey where each image is revealed through a custom organic mask as the page moves. Alongside the visuals, a synchronized title fades and shifts to match the current image, giving a polished and cinematic presentation. Every part of the layout—image size, spacing, fit, titles, and text style—can be customized directly from the controls, making the slider easy to tailor to different design needs while keeping the experience fluid and engaging.

Key Features

• Organic mask-based image reveals

• Automatic title transitions synced with each image

• Full control over image dimensions, spacing, and layout

• Customizable title width, color, and font settings

• Supports unlimited images and fallback values

• Smooth pinned scrolling section

• Flexible image fit and positioning options

Best For

• Portfolio sections

• Product or project showcases

• Visual storytelling sequences

• Branded landing pages

• Hero sections that need movement and depth