---
title: "MediaTicker — Free Framer component · Best of Framer"
description: "Free Framer component · by Refinery Studio · Carousels. Advanced media ticker component"
canonical: "https://framer.elliotli.dev/component/mediaticker"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/MediaTicker

# MediaTicker

Advanced media ticker component

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

![MediaTicker preview image 1](https://framer.elliotli.dev/og/component/mediaticker/4c451164042c2abf/1600x1200.jpg)

## Summary

Advanced media ticker component

## Description

Image Ticker Pro transforms a traditional image slider into a responsive, interactive media stream. Instead of static thumbnails, each item in the ticker can contain layered content — including images, metadata, and hover-triggered video playback.

At its core, the component functions as a directional media ticker. You can upload multiple images, assign each item a title, description, and supporting metadata, and control how they flow across the screen — vertically or horizontally.

Each image supports an optional video file. When a user hovers over a specific image while the ticker is in motion, the associated video plays seamlessly in place. Simultaneously, the item’s description can appear in a configurable position (side panel or custom placement).

The component includes a settings panel that allows you to:

-   Define ticker direction (Left, Right, Up, Down)
    
-   Toggle description visibility on hover
    
-   Control description placement
    
-   Enable or disable video playback on hover
    

This component is ideal for creators who want movment, storytelling, and interaction within a single visual strip.How It Works

### 1\. Add Media Items

Upload your images into the component. Each image becomes an individual ticker item.

For every item, you can configure:

-   Title
    
-   Description
    
-   Meta information (category, year, tag, client, etc.)
    
-   Optional hover video
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-3imtfpt2-9i3gXGnreKoNXyOSeclkiljBC5JFM8)

### 2\. Configure Ticker Behavior

From the settings panel, you can:

-   Set scroll direction:
    
    -   Left
        
    -   Right
        
    -   Up
        
    -   Down
        
-   Enable or disable description display
    
-   Adjust where the description appears
    
-   Enable or disable hover-based video playback
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-3imtfpt2-uUPiB4s0bXRBxcll2QggWqJr7Hmg04)

### 3\. Hover Interaction

When a user hovers over an item:

-   The ticker continues its motion
    
-   The assigned video begins playback (if uploaded)
    
-   The description panel appears (if enabled)
    

This creates a layered interaction system:Motion → Hover → Video → Context

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-3imtfpt2-LVr5c109BaHznEokEfP8YwE6cqxWtl)

**Use Cases**

-   Creative portfolios
    
-   Fashion collections
    
-   Product feature highlights
    
-   Case study previews
    
-   Agency showreels
    
-   Interactive brand storytelling
    

**Contact Information**

If you have questions about this component, licensing, or implementation, feel free to reach out.

**Email:** [alipoejules@gmail.com](mailto:alipoejules@gmail.com)

We typically respond within 24–48 hours.

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

-   All · #2343

## Details

- **Author**: Refinery Studio
- **Published**: 2026-03-11
- **Updated**: 2026-05-03
- **Added**: 2026-03-05
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view