Beta

Gradient Text

A text component featuring a smoothly animated gradient effect.

Gradient Text

Installation

Props

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

Credits

  • Credits to Jhey for the inspiration

On this page