Components

Shimmering Text

A text component with beautiful shimmer animation effects that glide across the text.

Loading

Installation

pnpm dlx shadcn@latest add @toui/shimmering-text

Examples

Color

Loading

API Reference

This component is built using Motion primitives and includes the following custom props:

ShimmeringText

PropTypeDefault
text string-
duration number2
delay number0
repeat booleantrue
repeatDelay number0.5
className string-
startOnView booleantrue
once booleanfalse
inViewMargin string-
spread number2
color string-
shimmerColor string-

Credits

We use cookies

We use cookies to ensure you get the best experience on our website. For more information on how we use cookies, please see our cookie policy.

By clicking Accept, you agree to our use of cookies.
Learn more.