---
title: "Media Hover Trail — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Ameva · Interactive. Interactive image text reveals."
canonical: "https://framer.elliotli.dev/component/media-hover-trail"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Media Hover Trail

# Media Hover Trail

Interactive image text reveals.

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

![Media Hover Trail preview image 1](https://framer.elliotli.dev/og/component/media-hover-trail/88edb5ec86051fe5/1600x1200.jpg)

## Summary

Interactive image text reveals.

## Description

Add a premium interactive image trail effect to your typography with seamless inline expansion, smooth motion physics, and high-performance WebGL rendering.

**Features**

-   Real-time inline text expansion on hover
    
-   Premium WebGL-powered image rendering
    
-   Smooth damped motion physics
    
-   Dynamic image aspect ratio preservation
    
-   Highly optimized Three.js performance
    
-   Responsive resize and layout handling
    
-   Clean layered visual architecture
    
-   Works perfectly for bold typography and portfolios
    
-   Customizable sizing, spacing, and motion feel
    

**Customization Options**

-   Text content and typography
    
-   Text and background colors
    
-   Image collection array
    
-   Base image size
    
-   Image gap padding
    
-   Corner radius
    
-   Appear and hover duration
    
-   Motion smoothness damping
    
-   Spawn distance gap
    
-   Editor preview toggle
    

**How to Use**

-   Drop the component onto your Framer canvas
    
-   Type your custom text and style the typography
    
-   Upload your preferred image collection
    
-   Customize image sizing, padding, and corner radius
    
-   Tune the hover time and motion smoothness
    
-   Publish for a premium interactive media reveal effect
    

**Use Cases**

-   Premium portfolio headers
    
-   Interactive agency websites
    
-   Creative team rosters
    
-   Project showcase links
    
-   Dynamic menu typography
    
-   Photography galleries
    
-   Modern landing pages
    
-   E-commerce category reveals
    

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

-   All · #918

## Details

- **Author**: Ameva
- **Price**: $8.00
- **Published**: 2026-08-03
- **Updated**: 2026-09-16
- **Added**: 2026-08-03
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step