Animated Shiny Text

Docs

Animated Shiny Text

A light glare effect which pans across text making it appear as if it is shimmering.

✨ Introducing Magic UI

Installation

import { AnimatedShinyText } from "@/components/magicui/animated-shiny-text";

<AnimatedShinyText>Animated Shiny Text</AnimatedShinyText>

Prop	Type	Default	Description
`children`	`node`	`-`	The text to be shimmered.
`className`	`string`	`-`	The class name to be applied to the shimmer.
`shimmerWidth`	`number`	`100`	The width of the shimmer in pixels.

Contribute