HoverMotion

An interactive section that plays a different video for each hovered keyword. Seven text labels each trigger their own self-hosted video swap instantly, autoplay, and loop with no reload. Built for agency portfolios, SaaS demos, and product showcases that need to show instead of tell.

Features

• 7 hoverable text labels each trigger a unique video

• Videos autoplay, loop and swap instantly on hover

• No reload or buffering between video switches

• Self-hosted video support — no YouTube dependency

• Smooth transitions between active and inactive states

• Fully responsive — desktop, tablet and mobile optimized

• Customizable text labels, video files, spacing and fonts

• Supports MP4 and WebM formats

Property Controls

Content — 7 label and video pairs

Video — file upload per label · MP4 and WebM support

Styling — text color, active label color, background color

Typography — label font, size, weight, spacing

Layout — spacing, padding, alignment

Use Cases

Agency portfolios · SaaS product demos · Online course previews · Brand feature showcases · Service presentations · Interactive landing pages · Product walkthroughs

SEO Keywords

framer hover video · framer interactive video · framer video component · hover video framer · framer keyword video · framer video section · framer product demo · framer interactive section · framer video hover effect · framer self hosted video · framer agency component · framer landing page component · framer interactive component · framer code component · framer video player