Library / Hero sections

Thermal Touch pro

A picture seen through a heat camera that warms where you hover or touch and slowly cools, then switches itself off to save power.

Customize

Picture address

How fast the pointer warms things up

How slowly things cool (closer to 1 is slower)

Squares across (more is sharper but slower)

Colours used for heat

Code

import ThermalTouch from './ThermalTouch';

<ThermalTouch />

Checking your access…

Dependencies: none

hero canvas heat interactive

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.
Rack FocusA layered hero that pulls focus like a camera: a blurry foreground melts away as the headline snaps sharp.