Gradient Text

Add a splash of color!

Customize Gradient Text

Animation Speed3s
Show Border
Color 1:
Color 2:
Color 3:
Color 4:
Color 5:

Props

PropertyTypeDefaultDescription
childrenReactNode-The content to be displayed inside the gradient text.
classNamestring""Adds custom classes to the root element for additional styling.
colorsstring[]["#40ffaa", "#4079ff", "#40ffaa", "#4079ff", "#40ffaa"]Defines the gradient colors for the text or border.
animationSpeednumber8The duration of the gradient animation in seconds.
Rdefaultbooleanfalse

Created with ❤️ by Cybershoora