---
title: "Masked Scroll Slider — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Nora Salem · Carousels. This component creates a smooth, step-by-step visual journey where each image is revealed through a custom organic mask as the page moves."
canonical: "https://framer.elliotli.dev/component/masked-scroll-slider"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Masked Scroll Slider

# Masked Scroll Slider

[View on Framer](https://framer.com/marketplace/components/masked-scroll-slider/?via=elliot-li)

![Masked Scroll Slider preview image 1](https://framer.elliotli.dev/og/component/masked-scroll-slider/068b3bc4d031a5ac/1600x1200.jpg)

## Summary

This component creates a smooth, step-by-step visual journey where each image is revealed through a custom organic mask as the page moves.

## Description

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
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #7783

## Details

- **Author**: Nora Salem
- **Price**: $10.00
- **Published**: 2026-01-08
- **Updated**: 2026-01-08
- **Added**: 2025-12-11
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow