- Docs
- Components
- UI & Cards
- Flicker
Flicker
Flickering particle grid with customizable properties
flicker-tw
Customize
Spacing
30
Particle Size
1.5
Color
Glow
Rate
1.0
Min Frequency
0.3
Max Frequency
1.5
Flicker Chance
1.00
Alpha
1.00
Overlay
1.00
Props
16| Name | Type | Default | Description |
|---|---|---|---|
className | string | "" | Additional CSS classes for the wrapper element |
spacing | number | 20 | Distance between particle centers in pixels |
particleSize | number | 1.5 | Radius of each particle in pixels |
color | string | "#5A4B81" | Base color for dim particles (hex or rgba) |
glowColor | string | "#FF9FFC" | Glow color when particles brighten (hex or rgba) |
alpha | number | 1 | Overall opacity of the entire effect (0-1) |
overlay | number | 1 | Radial vignette darkness intensity (0-1) |
overlayColor | string | "#0a0a0a" | Color of the overlay vignette (hex or rgb) |
minFrequency | number | 0.3 | Minimum flicker frequency per particle |
maxFrequency | number | 1.5 | Maximum flicker frequency per particle |
rate | number | 1 | Global animation speed multiplier |
shape | "circle" | "square" | "circle" | Shape of the particles |
jitter | boolean | false | Whether to randomly offset particles from the grid |
flickerChance | number | 1.0 | Probability that a particle will flicker (0-1) |
mouseEffect | boolean | false | Whether mouse proximity affects particles |
colorPalette | string[] | undefined | Array of colors to randomly assign to particles |
classNamestringAdditional CSS classes for the wrapper element
Default
""spacingnumberDistance between particle centers in pixels
Default
20particleSizenumberRadius of each particle in pixels
Default
1.5colorstringBase color for dim particles (hex or rgba)
Default
"#5A4B81"glowColorstringGlow color when particles brighten (hex or rgba)
Default
"#FF9FFC"alphanumberOverall opacity of the entire effect (0-1)
Default
1overlaynumberRadial vignette darkness intensity (0-1)
Default
1overlayColorstringColor of the overlay vignette (hex or rgb)
Default
"#0a0a0a"minFrequencynumberMinimum flicker frequency per particle
Default
0.3maxFrequencynumberMaximum flicker frequency per particle
Default
1.5ratenumberGlobal animation speed multiplier
Default
1shape"circle" | "square"Shape of the particles
Default
"circle"jitterbooleanWhether to randomly offset particles from the grid
Default
falseflickerChancenumberProbability that a particle will flicker (0-1)
Default
1.0mouseEffectbooleanWhether mouse proximity affects particles
Default
falsecolorPalettestring[]Array of colors to randomly assign to particles
Default
undefined