---
title: "Line Shimmer Text — Framer component · Best of Framer"
description: "$5.00 · Framer component · by NOMAN · Text. Line Shimmer Text enhances your typography with a flowing shimmer animation that moves across each line of text."
canonical: "https://framer.elliotli.dev/component/line-shimmer-text"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Line Shimmer Text

# Line Shimmer Text

Animated Shimmer Text Lines

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

![Line Shimmer Text preview image 1](https://framer.elliotli.dev/og/component/line-shimmer-text/ff09d194db481dd3/1600x1200.jpg)

## Summary

Line Shimmer Text enhances your typography with a flowing shimmer animation that moves across each line of text.

## Description

Line Shimmer Text enhances your typography with a flowing shimmer animation that moves across each line of text. The effect draws attention to important messages while keeping the design clean and modern. You can fully customize shimmer colors, animation duration, spacing between lines, and trigger behavior such as auto, hover, or viewport activation. It’s lightweight, responsive, and easy to control directly inside Framer without writing code.

**Key Features**

1.  Animated shimmer highlight across text lines
    
2.  Supports multi-line text content
    
3.  Custom shimmer gradient colors
    
4.  Adjustable animation duration
    
5.  Optional looping animation with delay
    
6.  Multiple trigger options (auto, hover, viewport)
    
7.  Control spacing between lines
    
8.  Responsive and lightweight
    
9.  No-code customization in Framer
    

**Controls**

1.  Text – Enter or edit multi-line text content
    
2.  Base Color – Set the primary text color
    
3.  Shimmer Colors – Customize the shimmer gradient colors
    
4.  Duration – Adjust shimmer animation speed
    
5.  Line Gap – Control spacing between text lines
    
6.  Loop – Enable or disable continuous animation
    
7.  Loop Delay – Set delay between shimmer loops
    
8.  Trigger – Choose animation trigger (Auto, Hover, Viewport)
    
9.  Max Width – Set maximum width of the text container
    
10.  Font – Customize the typography style
     

**Refund Policy**: Please note that once this component is purchased, it is non-refundable due to its digital nature.

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

-   All · #9466

## Details

- **Author**: NOMAN
- **Price**: $5.00
- **Published**: 2026-03-17
- **Updated**: 2026-03-17
- **Added**: 2026-03-09
- **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