---
title: "Video on Hover — Free Framer component · Best of Framer"
description: "Free Framer component · by Eduard Akinfiu · Text. The video follows the mouse cursor and includes smooth fade animations."
canonical: "https://framer.elliotli.dev/component/video-on-hover"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Video on Hover

# Video on Hover

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

![Video on Hover preview image 1](https://framer.elliotli.dev/og/component/video-on-hover/e734b4402d8934c5/1600x1200.jpg)

## Summary

The video follows the mouse cursor and includes smooth fade animations.

## Description

The video follows the mouse cursor and includes smooth fade animations. Users can customize the text, video source (file upload or URL), dimensions, styling, and shadow effects through comprehensive property controls. **Key Features:** \- Mouse-following video preview on text hover - Support for both video file upload and URL input - Customizable text styling with font controls and color options - Adjustable video dimensions and border radius - Configurable shadow effects using Framer’s native BoxShadow control - Smooth fade-in/out animations

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

-   All · #2812

## Details

- **Author**: Eduard Akinfiu
- **Published**: 2025-08-12
- **Updated**: 2025-08-12
- **Added**: 2025-08-05
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing