Gradient Text

A text component featuring a smoothly animated gradient effect.

Gradient Text

Installation

<GradientText text="Hello world!" />

Prop	Type	Default
`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`	-

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