---
title: "Marquee on Hover — Framer component · Best of Framer"
description: "$4.00 · Framer component · by S0m3s4 · Text. A sleek interactive navigation component that reveals a smooth scrolling marquee on hover."
canonical: "https://framer.elliotli.dev/component/marquee-on-hover"
---

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

# Marquee on Hover

A modern marquee on hover section

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

![Marquee on Hover preview image 1](https://framer.elliotli.dev/og/component/marquee-on-hover/827ad7bf97c58e5c/1600x1200.jpg)

## Summary

A sleek interactive navigation component that reveals a smooth scrolling marquee on hover.

## Description

A sleek interactive navigation component that reveals a smooth scrolling marquee on hover. When users hover over a menu item, a bold animated strip appears and continuously scrolls text with directional arrows, creating a modern and dynamic interaction.

Perfect for portfolios, agency websites, and modern landing pages that need subtle but eye-catching micro-interactions.

### Features

-   Smooth hover-triggered marquee animation
    
-   Clean minimal layout with arrow indicators
    
-   Fully customizable text and color
    
-   Responsive and lightweight
    
-   Easy to integrate into any navigation or section menu
    

### Customize

-   Text Color
    
-   Background Color
    
-   Speed
    
-   Links
    
-   Direction
    

Add motion and personality to your UI with this stylish hover marquee interaction. Ideal for designers who want their interfaces to feel more alive and engaging.

### Refund Policy

Due to the digital nature of this product, refunds are not available once the component is downloaded.

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

-   All · #5210

## Details

- **Author**: S0m3s4
- **Price**: $4.00
- **Published**: 2026-04-13
- **Updated**: 2026-05-15
- **Added**: 2026-04-02
- **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