Menu
Neon Flicker
NEON
Customize
Text
Char Delay (s)0.18
Min Glow0
Max Glow1
Props
| 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. |
textTypestring
Default
"NEON"Display text to animate.
charDelayTypenumber
Default
0.18Stagger delay (s) between each character turning on.
colorTypestring
Default
"#00f5ff"CSS color value for the lit-up text, e.g. "#fff" or "crimson".
glowTypestring
Default
colorPeak glow color, used at full brightness. Falls back to `color` when omitted.
glowSoftTypestring
Default
colorMid-flicker glow color, used at partial brightness. Falls back to `color` when omitted.
dimTypestring
Default
colorIdle/off-state color shown before the animation starts. Falls back to `color` when omitted.
minGlowTypenumber
Default
0Minimum glow intensity, 0-1. 0 disables glow at the dimmest point of the flicker.
maxGlowTypenumber
Default
1Maximum glow intensity, 0-2. 1 is the original glow strength, 2 is extra intense.
repeatTypeboolean
Default
falseLoop the flicker animation indefinitely.
classNameTypestring
Default
""Extra classes applied to the root wrapper div.
Dependencies
gsap 3.15.0
Crafted withbyMohammad Tasin
