About Interactive Hero
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-motionsupport, 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.
