Preferences

Spotlight Text

SPOTLIGHT

Customize

Text

Char Delay (s)0.09

Duration (s)0.25

Dim Opacity0.01

Min Font Size (px)0

Max Font Size (px)0

Property	Type	Default	Description
`text`	string	`"SPOTLIGHT"`	Display text to animate.
`charDelay`	number	`0.09`	Stagger (seconds) between each character reveal.
`duration`	number	`0.25`	Full reveal duration (seconds) for each character.
`repeat`	boolean	`false`	Loop the animation continuously.
`dimOpacity`	number	`0.08`	Base opacity of characters before the spotlight reveals them.
`ease`	string	`"power2.out"`	GSAP ease used for the reveal flash. See EASE_OPTIONS.
`baseColor`	string	`"#8a8a86"`	Character color at rest / dim state.
`spotColor`	string	`"#e24b4a"`	Character color at peak spotlight brightness.
`minFontSize`	number	`16`	Smallest font size (px) the text will shrink to on narrow containers.
`maxFontSize`	number	`96`	Largest font size (px), used as the natural/base size.
`className`	string	`""`	Extra classes applied to the root wrapper div.

textstring

Display text to animate.

Default"SPOTLIGHT"

charDelaynumber

Stagger (seconds) between each character reveal.

Default0.09

durationnumber

Full reveal duration (seconds) for each character.

Default0.25

repeatboolean

Loop the animation continuously.

Defaultfalse

dimOpacitynumber

Base opacity of characters before the spotlight reveals them.

Default0.08

easestring

GSAP ease used for the reveal flash. See EASE_OPTIONS.

Default"power2.out"

baseColorstring

Character color at rest / dim state.

Default"#8a8a86"

spotColorstring

Character color at peak spotlight brightness.

Default"#e24b4a"

minFontSizenumber

Smallest font size (px) the text will shrink to on narrow containers.

Default16

maxFontSizenumber

Largest font size (px), used as the natural/base size.

Default96

classNamestring

Extra classes applied to the root wrapper div.

Default""

gsap 3.15.0

Crafted withbyMohammad Tasin