---
title: "CinemaScroll — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Hamim Reza · Interactive. Cinematic full screen scroll"
canonical: "https://framer.elliotli.dev/component/cinemascroll"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/CinemaScroll

# CinemaScroll

Cinematic full screen scroll

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

![CinemaScroll preview image 1](https://framer.elliotli.dev/og/component/cinemascroll/3c51c87d98550586/1600x1200.jpg)

## Summary

Cinematic full screen scroll

## Description

A full-screen scroll experience where each section occupies the full viewport with cinematic background fades, parallax scaling, and three-column editorial typography. Debounced scroll transitions prevent accidental section changes. Click any label to jump directly to any section. Built for portfolios, product launches, brand storytelling, and creative showcases that need maximum visual impact.

## Features

-   Full viewport height sections for maximum impact
    
-   Smooth background fade and scale parallax between sections
    
-   Three-column editorial layout — left labels, center title, right labels
    
-   Click any label to jump directly to that section
    
-   Debounced wheel scroll — 1200ms threshold prevents accidental changes
    
-   AnimatePresence smooth enter and exit on backgrounds and titles
    
-   Progress indicator — section counter and progress bar at bottom
    
-   Two-line header text displayed at top
    
-   Show or hide progress indicator toggle
    
-   Full color controls — text, overlay opacity, background
    
-   Three font controls — header, title and labels
    
-   Configurable sections — left label, title, right label, background image
    
-   startTransition for smooth non-blocking state updates
    
-   No dependencies
    

**SEO Keywords**

framer fullscreen scroll · framer scroll sections · framer parallax scroll · framer cinematic scroll · framer scroll experience · framer section transitions · framer scroll component · framer hero scroll · framer scroll showcase · framer landing page component · framer code component · framer scroll animation

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

-   All · #2170

## Details

- **Author**: Hamim Reza
- **Price**: $15.00
- **Published**: 2026-05-08
- **Updated**: 2026-06-23
- **Added**: 2026-04-19
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step