---
title: "Interactive Hero — Framer component · Best of Framer"
description: "$6.00 · Framer component · by Eneko Lekue · Sections. Interactive Hero."
canonical: "https://framer.elliotli.dev/component/interactive-hero"
---

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

# Interactive Hero

Interactive video scrub hero

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

![Interactive Hero preview image 1](https://framer.elliotli.dev/og/component/interactive-hero/bae531d17d243d68/1600x1200.jpg)

## Summary

Interactive Hero.

## Description

## Premium Interactive Hero

Engage your visitors instantly with the **Spade Interactive Hero.** This premium, conversion-focused component combines a highly interactive video background—which scrubs smoothly forward and backward based on the user's mouse movement—with a sleek, built-in typewriter headline effect.

Fully responsive, accessible, and highly customizable right from the Framer properties panel.

## Key Features

-   **Mouse-driven Video Scrubbing:** The background video timeline reacts smoothly to horizontal mouse movements. (Includes smart fallbacks: plays normally on touch devices or screens without fine pointers).
    
-   **Typewriter Headline:** Built-in, glitch-free typing animation with a blinking cursor. Fully adjustable typing speed and start delays.
    
-   **Dynamic Service Selection:** Interactive, multi-select pill tags with smooth spring animations that update a live feedback banner instantly.
    
-   **Smart Call-to-Action:** Automatically appends the user's selected services as URL query parameters (e.g., `?services=Brand,Digital`) directly to your target link.
    
-   **Performance & Accessibility Optimized:** Includes `prefers-reduced-motion` support, screen-reader status announcements, and avoids hydration mismatches.
    

## Support

If you encounter any issues, need help with the setup, or want to suggest a new feature, feel free to reach out.

-   **Email:** enekolekue16@gmail.com
    
-   _Note: Video rendering relies on your MP4's keyframe density. For the smoothest scrubbing experience, use videos compressed with a short GOP (Group of Pictures)._
    

## Legal

Released under the standard Framer Marketplace License.

-   **You can:** Use this component in unlimited personal and commercial projects (including client work).
    
-   **You cannot:** Resell, redistribute, or sub-license the component itself or its source code, either modified or unmodified.
    

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

-   All · #3977

## Details

- **Author**: Eneko Lekue
- **Price**: $6.00
- **Published**: 2026-07-18
- **Updated**: 2026-07-18
- **Added**: 2026-07-18
- **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