Interactive Hero

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-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.

Interactive video scrub hero