Flicker

Flickering particle grid with customizable properties

flicker-tw

Customize

Tweak the props live

Particle Settings

Spacing30

Particle Size1.5

Shape

Jitter

Colors

Color

#5A4B81

Glow

#FF9FFC

Rainbow Palette

Animation

Rate1

Min Frequency0.3

Max Frequency1.5

Flicker Chance1

Appearance

Alpha1

Overlay1

Interaction

Mouse Effect

Props

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

classNamestring

Additional CSS classes for the wrapper element

Default:""

spacingnumber

Distance between particle centers in pixels

Default:20

particleSizenumber

Radius of each particle in pixels

Default:1.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)

Default:1

overlaynumber

Radial vignette darkness intensity (0-1)

Default:1

overlayColorstring

Color of the overlay vignette (hex or rgb)

Default:"#0a0a0a"

minFrequencynumber

Minimum flicker frequency per particle

Default:0.3

maxFrequencynumber

Maximum flicker frequency per particle

Default:1.5

ratenumber

Global animation speed multiplier

Default:1

shape"circle" | "square"

Shape of the particles

Default:"circle"

jitterboolean

Whether to randomly offset particles from the grid

Default:false

flickerChancenumber

Probability that a particle will flicker (0-1)

Default:1.0

mouseEffectboolean

Whether mouse proximity affects particles

Default:false

colorPalettestring[]

Array of colors to randomly assign to particles

Default:undefined