Beta
Animate UI

Gradient Text

A text component featuring a smoothly animated gradient effect.

Made by imskyleen
Gradient Text

Installation

Usage

<GradientText text="Hello world!" />

Props

PropTypeDefault
neon?
boolean
false
gradient?
string
linear-gradient(90deg, #3b82f6 0%, #a855f7 20%, #ec4899 50%, #a855f7 80%, #3b82f6 100%)
transition?
Transition
{ duration: 50, repeat: Infinity, ease: 'linear' }
text
string
-

Credits

  • Credits to Jhey for the inspiration

Built by Skyleen. The source code is available on GitHub.

On this page