---
title: "Shiny Text — Framer component · Best of Framer"
description: "$5.00 · Framer component · by decsy · Text. Shiny Text is a React component that applies a shimmering light effect across text using Framer Motion and CSS."
canonical: "https://framer.elliotli.dev/component/shiny-text"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Shiny Text

# Shiny Text

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

![Shiny Text preview image 1](https://framer.elliotli.dev/og/component/shiny-text/30e7a0a9468ffde8/1600x1200.jpg)

## Summary

Shiny Text is a React component that applies a shimmering light effect across text using Framer Motion and CSS.

## Description

Shiny Text is a React component that applies a shimmering light effect across text using Framer Motion and CSS. It’s lightweight, customizable, and supports animation speed, looping, auto-play, and easing. Developers can add custom class names for styling, and it includes accessibility-friendly text for screen readers. Perfect for enhancing banners, titles, brand names, or call-to-action highlights with a sleek reflective glow.

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

-   All · #10651

## Details

- **Author**: decsy
- **Price**: $5.00
- **Published**: 2025-09-22
- **Updated**: 2025-10-26
- **Added**: 2025-09-14
- **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
