Appearance
NeonFlicker
The NeonFlicker text effect emulates faulty neon sign illumination by staggering fast irregular cycles of opacity and text-shadow glow scaling on text units before fading into a stable, glowing state.
Slow Warm Neon Flicker
The color option defines the active neon text shadow color. flickers configures the count of rapid ignition cycles before settling.
MOTEL_SIGN
Fast Cold Neon Ignition
Setting a smaller flickers count and a narrower stagger timing triggers a quick, high-speed neon light ignition.
LAB_VACANCY
Severe Faulty Connection
Reducing dimOpacity to near-zero levels simulates a highly unstable power supply, causing letters to fade almost completely out of view during flickering cycles.
FAULTY_PWR
Word-Level Neon Flicker
Applying the flicker effect to word tokens (setting type: 'words') causes complete words to ignite in unified groups.
PINK FLICKER
Ambient Pulse Loop Integration
By appending subsequent tweens to the returned timeline, target elements can transition into an infinite ambient breathing pulse after initial flicker.
PULSE_GLOW
API Reference
javascript
import { neonFlicker } from 'animx/plugins/Text'
const tl = neonFlicker(target, config)Configuration Options
| Option | Default | Description |
|---|---|---|
type | 'chars' | Slicing layout unit: 'chars', 'words', or 'lines'. |
color | '#ff0055' | Glow text shadow color format (hex/rgba). |
dimOpacity | 0.2 | Minimum opacity ceiling during off-state flickers. |
flickers | 6 | Count of rapid flicker steps before stabilization. |
flickerDuration | 0.08 | Lifespan in seconds of each individual flicker interval. |
stagger | 0.08 | Stagger delay between adjacent text units in seconds. |
duration | 0.4 | Duration of the final stable glow fade-in in seconds. |
ease | 'quad.out' | Deceleration profile applied during final glow stabilization. |
revertOnComplete | false | Resets layout and removes absolute spans on complete. |
paused | false | Standard playback initialization lock flag. |