Flicker

Flickering particle grid with customizable properties

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
classNamestring

Additional CSS classes for the wrapper element

Default""
spacingnumber

Distance between particle centers in pixels

Default20
particleSizenumber

Radius of each particle in pixels

Default1.5
colorstring

Base color for dim particles (hex or rgba)

Default"#5A4B81"
glowColorstring

Glow color when particles brighten (hex or rgba)

Default"#FF9FFC"
alphanumber

Overall opacity of the entire effect (0-1)

Default1
overlaynumber

Radial vignette darkness intensity (0-1)

Default1
overlayColorstring

Color of the overlay vignette (hex or rgb)

Default"#0a0a0a"
minFrequencynumber

Minimum flicker frequency per particle

Default0.3
maxFrequencynumber

Maximum flicker frequency per particle

Default1.5
ratenumber

Global animation speed multiplier

Default1
shape"circle" | "square"

Shape of the particles

Default"circle"
jitterboolean

Whether to randomly offset particles from the grid

Defaultfalse
flickerChancenumber

Probability that a particle will flicker (0-1)

Default1.0
mouseEffectboolean

Whether mouse proximity affects particles

Defaultfalse
colorPalettestring[]

Array of colors to randomly assign to particles

Defaultundefined