Lightning

Procedural lightning bolts with branching and glow flicker.

Default

Every prop is wired to the controls underneath. The bolt is drawn in a WebGL fragment shader.

Demo Content

FeaturesAbout Sign up

New Creative Components

Get started Learn more

Hue260

X Offset0

Speed1

Intensity1

Size1

Prop	Type	Default	Description
`hue`	`number`	`230`	Hue of the lightning in degrees (0 to 360).
`xOffset`	`number`	`0`	Horizontal offset of the lightning in normalized units.
`speed`	`number`	`1`	Animation speed multiplier for the lightning.
`intensity`	`number`	`1`	Brightness multiplier for the lightning.
`size`	`number`	`1`	Scale factor for the bolt size.

Keyboard shortcuts and ARIA behavior.

Purely decorative canvas. The shader flickers the bolt brightness every frame, so place it behind content with enough contrast and avoid it on pages aimed at users sensitive to flashing.