---
title: "Shimmer_Text — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Harman Pixels · Text. Description This React-based Framer component renders dynamic shimmering text using an animated gradient that smoothly sweeps…"
canonical: "https://framer.elliotli.dev/component/shimmer-text"
---

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

# Shimmer\_Text

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

![Shimmer\_Text preview image 1](https://framer.elliotli.dev/og/component/shimmer-text/fc15f6ee1d9f8543/1600x1200.jpg)

## Summary

Description This React-based Framer component renders dynamic shimmering text using an animated gradient that smoothly sweeps across the characters.

## Description

### Description

This React-based Framer component renders dynamic shimmering text using an animated gradient that smoothly sweeps across the characters. The component supports full customization through Framer Property Controls, including base color, shimmer highlight color, shimmer width, animation duration, and full typographic styling via the Font control.

A CSS keyframe animation is automatically injected into the document, allowing the gradient to move continuously across the text while using background-clip: text to create a clean, luminous shimmer effect. Designed to be lightweight, responsive, and visually striking, **ShimmerText** is perfect for headings, hero banners, interactive UI elements, or any design requiring an elegant animated highlight.

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

-   All · #10620

## Details

- **Author**: Harman Pixels
- **Price**: $5.00
- **Published**: 2025-12-13
- **Updated**: 2025-12-13
- **Added**: 2025-12-04
- **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