Logo
React Bytes
Menu

Neon Flicker

NEON

Customize

Text
Char Delay (s)0.18
Min Glow0
Max Glow1

Props

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

Dependencies

gsap 3.15.0

Crafted withbyMohammad Tasin