---
title: "CustomScrollMaskHero — Framer component · Best of Framer"
description: "$7.00 · Framer component · by Konstantin Nikolaev · Sections. Scroll-reveal media with SVG masks"
canonical: "https://framer.elliotli.dev/component/customscrollmaskhero"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/CustomScrollMaskHero

# CustomScrollMaskHero

Scroll-reveal media with SVG masks

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

![CustomScrollMaskHero preview image 1](https://framer.elliotli.dev/og/component/customscrollmaskhero/c29ae729b3fc58e0/1600x1200.jpg)

## Summary

Scroll-reveal media with SVG masks

## Description

Transform images and videos into immersive scroll experiences using any uploaded SVG as a custom reveal mask. Animate the mask from a precisely defined starting size to a fully revealed background while controlling its scale, position, scroll range, duration, and easing.

Independently scale and position the background media to create subtle zoom and parallax effects. Additional controls include element- or viewport-based sizing, sticky scrolling, media fit and focus, video looping, poster images, canvas previews, and reduced-motion support. Videos automatically pause when the component leaves the viewport for better performance.

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

-   All · #837

## Details

- **Author**: Konstantin Nikolaev
- **Price**: $7.00
- **Published**: 2026-08-27
- **Updated**: 2026-10-10
- **Added**: 2026-08-27
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove