Library / Hero sections

Signal Field free

Thousands of dots ride a travelling wave like a live signal, shifting colour across the screen and swelling under the mouse.

Customize

Colour on the left and on the right

Number of rows of dots

Distance between dots (px)

Height of the wave (px)

How fast the wave travels

Code

import SignalField from './SignalField';

<SignalField />

Checking your access…

Dependencies: none

hero canvas wave dots

More in Hero sections

Wordmark MirageA huge wordmark on a desert horizon with a heat-mirage reflection that shimmers harder as the cursor nears the horizon.
Selection Box IntroThe page looks like it is being designed live: a selection box draws around the headline, a pointer drags a corner and the headline grows to size.
Thermal TouchA picture seen through a heat camera that warms where you hover or touch and slowly cools, then switches itself off to save power.