---
title: "Media Marquee Hero — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Launchly · Text. Media Marquee Hero wraps a continuously scrolling text band around a centered image or video, creating a layered, editorial-style focal…"
canonical: "https://framer.elliotli.dev/component/media-marquee-hero"
---

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

# Media Marquee Hero

Scrolling text, media at center

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

![Media Marquee Hero preview image 1](https://framer.elliotli.dev/og/component/media-marquee-hero/f8ed52f721a1af00/1600x1200.jpg)

## Summary

Media Marquee Hero wraps a continuously scrolling text band around a centered image or video, creating a layered, editorial-style focal point that feels alive without competing…

## Description

Build hero sections that move. Media Marquee Hero wraps a continuously scrolling text band around a centered image or video, creating a layered, editorial-style focal point that feels alive without competing for attention.

**Why you'll love it:**

-   **Instant visual rhythm** — smooth, hardware-accelerated marquee text loops in either direction at your chosen speed, no jank, no manual looping math
    
-   **Media takes center stage** — drop in an image or video, control its size, aspect ratio, corner radius, border, and shadow to match your brand
    
-   **Video-ready** — full autoplay, loop, mute, and playback controls built in, so promotional clips or product demos just work
    
-   **Subtle interaction** — optional pause-on-hover keeps the motion from feeling relentless when someone lingers
    
-   **On-brand typography** — customize text color, media-overlay text color, opacity, word spacing, and vertical offset to fit any layout
    
-   **Zero setup friction** — sensible defaults ship out of the box, so it looks great the moment you drop it in
    

Perfect for SaaS landing pages, portfolios, agency sites, and product launches where a static hero just won't cut it.

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

-   All · #2129

## Details

- **Author**: Launchly
- **Price**: $10.00
- **Published**: 2026-07-11
- **Updated**: 2026-07-11
- **Added**: 2026-07-11
- **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