Highlight Text

A highlight text animation.

Highlight Text

delay

Installation

<HighlightText text="Highlight Text" />

Prop	Type	Default
`text`	`string`	-
`gradient?`	`string`	`linear-gradient(90deg, #3b82f6 0%, #a855f7 20%, #ec4899 50%, #a855f7 80%, #3b82f6 100%)`
`transition?`	`Transition`	`{ duration: 2, ease: 'easeInOut' }`
`inView?`	`boolean`	`false`
`inViewMargin?`	`string`	`0px`
`inViewOnce?`	`boolean`	`true`
`...props?`	`HTMLMotionProps<"span">`	-

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