Masked Scroll Slider
A scrolling showcase that reveals images through organic masks while smoothly switching matching titles. Fully customizable in size, spacing, titles, and image.
Make it with Workshop
Build your own component with AI
About this Component
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
