---
title: "Media Text Hover — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Saadat Ali · Text. Supports Image And Video"
canonical: "https://framer.elliotli.dev/component/media-text-hover"
---

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

# Media Text Hover

Supports Image And Video

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

![Media Text Hover preview image 1](https://framer.elliotli.dev/og/component/media-text-hover/7da75ac572b64da0/1600x1200.jpg)

## Summary

Supports Image And Video

## Description

\-----------------------------------------------------------------------------------------------

## Add More Premium Components To Your Projects:

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-g094t2v1-8wrj2R4JsfS8dz3uRkUmPxMk3a0JAx)](https://marketplace.framer.com/@saadat-ali-designsbysadat/)[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-ectn8thw-7b1PJqGkGxVCbwcjGww89DIM89TglR)](https://www.framer.com/marketplace/components/liquid-glass-logo/)

## Where to use

-   Landing pages with animated hover typography
    
-   Creative portfolio hero sections with media reveals
    
-   SaaS marketing websites with interactive headlines
    
-   Agency websites showcasing brand identity sections
    
-   Ecommerce campaign banners with hover animations
    
-   Product showcase sections with visual storytelling
    
-   Music and entertainment websites with motion typography
    
-   Modern startup landing pages with immersive hero text
    
-   Web3 and AI websites with futuristic UI interactions
    
-   Interactive brand experiences and promo sections
    

## Features

-   Dynamic — Media reveal follows hovered character positions in real time
    
-   Fixed — Create clean split text layouts with centered hover media
    
-   Video — Supports auto playing video hover interactions for immersive effects
    
-   Image — Display responsive image reveals with smooth expansion animation
    
-   Spring — Natural spring motion creates fluid premium hover feedback
    
-   Responsive — Flexible layout adapts across hero sections and banners
    
-   Customizable — Adjust typography, spacing, radius, sizing, and animation controls
    
-   Optimized — Intersection Observer pauses videos outside the viewport
    
-   Smooth — Layout animations prevent harsh jumps during interaction
    
-   Flexible — Works for portfolios, SaaS websites, gaming pages, and campaigns
    

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

-   All · #900

## Details

- **Author**: Saadat Ali
- **Price**: $3.00
- **Published**: 2026-05-14
- **Updated**: 2026-07-11
- **Added**: 2026-05-09
- **Categories**: Text

## More like this

-   [Hover Stretch Text](/component/hover-stretch-text) — 584.studio · $3 — Responsive & fully customizable
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing
-   [Odometer Stats](/component/odometer-stats) — Pixlify · Free — Rolling number counters
-   [Clipped Words](/component/clipped-words) — Interface Studio · $5 — Words With a Little Chaos