Preferences

Neon Flicker

NEON

Customize

Text

Char Delay (s)0.18

Min Glow0

Max Glow1

Property	Type	Default	Description
`text`	string	`"NEON"`	Display text to animate.
`charDelay`	number	`0.18`	Stagger delay (s) between each character turning on.
`color`	string	`"#00f5ff"`	CSS color value for the lit-up text, e.g. "#fff" or "crimson".
`glow`	string	`color`	Peak glow color, used at full brightness. Falls back to `color` when omitted.
`glowSoft`	string	`color`	Mid-flicker glow color, used at partial brightness. Falls back to `color` when omitted.
`dim`	string	`color`	Idle/off-state color shown before the animation starts. Falls back to `color` when omitted.
`minGlow`	number	`0`	Minimum glow intensity, 0-1. 0 disables glow at the dimmest point of the flicker.
`maxGlow`	number	`1`	Maximum glow intensity, 0-2. 1 is the original glow strength, 2 is extra intense.
`repeat`	boolean	`false`	Loop the flicker animation indefinitely.
`className`	string	`""`	Extra classes applied to the root wrapper div.

textstring

Display text to animate.

Default"NEON"

charDelaynumber

Stagger delay (s) between each character turning on.

Default0.18

colorstring

CSS color value for the lit-up text, e.g. "#fff" or "crimson".

Default"#00f5ff"

glowstring

Peak glow color, used at full brightness. Falls back to `color` when omitted.

Defaultcolor

glowSoftstring

Mid-flicker glow color, used at partial brightness. Falls back to `color` when omitted.

Defaultcolor

dimstring

Idle/off-state color shown before the animation starts. Falls back to `color` when omitted.

Defaultcolor

minGlownumber

Minimum glow intensity, 0-1. 0 disables glow at the dimmest point of the flicker.

Default0

maxGlownumber

Maximum glow intensity, 0-2. 1 is the original glow strength, 2 is extra intense.

Default1

repeatboolean

Loop the flicker animation indefinitely.

Defaultfalse

classNamestring

Extra classes applied to the root wrapper div.

Default""

gsap 3.15.0

Crafted withbyMohammad Tasin