---
title: "Scroll Cinematic — Framer component · Best of Framer"
description: "$10.00 · Framer component · by A.RAFAY · Interactive. Scroll Cinematic turns any landing page into a cinematic moment."
canonical: "https://framer.elliotli.dev/component/scroll-cinematic"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Scroll Cinematic

# Scroll Cinematic

Scroll cinematic reveal.

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

![Scroll Cinematic preview image 1](https://framer.elliotli.dev/og/component/scroll-cinematic/eb02ca6dcfb70875/1600x1200.jpg)

## Summary

Scroll Cinematic turns any landing page into a cinematic moment.

## Description

**Scroll Cinematic** turns any landing page into a cinematic moment.

As your visitor scrolls, the headline elegantly splits apart from the center while your image or video telescopes in through the gap — finishing as a full-screen reveal. It's the kind of opening shot that makes people stop, watch, and remember your brand.

Perfect for fashion, fitness, agency, portfolio, and editorial sites that need a premium first impression.

**Features**

-   Smooth scroll-scrubbed animation
    
-   Supports image and video backgrounds
    
-   Fully customizable text, font, and colors
    
-   Adjustable blur, zoom, and mask softness
    
-   Trigger from any layer or scroll section
    
-   Scroll speed and offset controls
    
-   Responsive across all devices
    

**Best For** Hero sections, brand intros, product launches, campaign pages, and lookbooks.

**How to Use**

1.  Drop the component on your page
    
2.  Add your image or video
    
3.  Type your left and right text
    
4.  PublishSupport
    
    Have a query or need help , drop a msg at : [abdulrafayrajpoot101@gmail.com](mailto:abdulrafayrajpoot101@gmail.com)
    

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

-   All · #4369

## Details

- **Author**: A.RAFAY
- **Price**: $10.00
- **Published**: 2026-05-07
- **Updated**: 2026-09-30
- **Added**: 2026-04-26
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase