HoverMotion
An interactive Framer section that switches between 7 self hosted videos when a user hovers over matching keywords. Clean, responsive and great for product demos, portfolios or etc
Make it with Workshop
Build your own component with AI
About this Component
Hover Motion is a flexible and modern Framer component that dynamically plays different self-hosted videos when the user hovers over 7 customizable text labels.
Perfect for:
Agency portfolios
SaaS product demo clips
Online course previews
Showcasing brand features or services
🎯 Key Features:
7 hoverable text labels trigger 7 different self-hosted videos
Videos autoplay, loop, and swap instantly with no reload
Full responsiveness: optimized for desktop, tablet, and mobile
Smooth transitions and clean layout
Lightweight performance — no YouTube dependency
Easy to customize text, video files, spacing, layout, and fonts
📁 File Format Support:MP4 (recommended), WebM
