---
title: "Cinematic Hero — Framer component · Best of Framer"
description: "$6.00 · Framer component · by Eneko Lekue · Sections. hero section with mouse-scrubbing"
canonical: "https://framer.elliotli.dev/component/cinematic-hero"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Cinematic Hero

# Cinematic Hero

hero section with mouse-scrubbing

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

![Cinematic Hero preview image 1](https://framer.elliotli.dev/og/component/cinematic-hero/d954578725135426/1600x1200.jpg)

## Summary

hero section with mouse-scrubbing

## Description

## Elevate your website's with the Cinematic Interactive Hero.

Designed for forward-thinking brands, design agencies, and premium SaaS platforms, this component merges striking visual design with seamless interactive motion.

Instead of a static background, this hero engages users immediately with a custom video scrubbing effect tied to mouse movement, creating a deeply immersive experience. The typography is introduced through a sleek, customizable scramble-text animation that instantly grabs attention.

### **Key Features:**

-   **Mouse Video Scrubbing:** The background video dynamically scrubs back and forth based on the user's cursor position.
    
-   **Scramble Text Animation:** H1 headers animate into view with a sophisticated cryptographic decoding effect.
    
-   **Fully Customizable:** Easily change video sources, fonts, colors, and layout directly from the Framer properties panel.
    
-   **Editor Optimized:** Built-in static fallbacks ensure your Framer canvas remains incredibly fast and smooth while editing.
    
-   **Accessible:** Background media is properly hidden from screen readers, ensuring compliance without sacrificing aesthetics.
    

Perfect for portfolios, tech product launches, or any brand looking to convey a sense of cutting-edge digital craftsmanship.

### Support Contact

**Need help or found a bug?** I want to ensure you have the best experience building with the Cinematic Interactive Hero. If you run into any issues, have questions about customization, or want to suggest a feature for future updates, please reach out to Eneko:

-   **Email:** [enekolekue16@gmail.com](mailto:enekolekue16@gmail.com)
    

### Legal & License

**Usage Rights:** By purchasing or downloading this component, you are granted a non-exclusive, non-transferable license to use it in both personal and commercial projects (such as client websites, portfolios, or SaaS landing pages).

**Restrictions:**

-   You may not redistribute, resell, lease, or license this component as a standalone product or as part of another component library, template, or UI kit.
    

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

-   All · #6848

## Details

- **Author**: Eneko Lekue
- **Price**: $6.00
- **Published**: 2026-07-14
- **Updated**: 2026-07-14
- **Added**: 2026-07-14
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes