Heroline

Five hero sections, each one a shader.

The first thing visitors see on your site, made to move. Each of these runs live on the graphics card, reacts to the pointer and the scroll, and can take your colours, words and logo. Pick one to load it above, then open Customise.

    Fast

    One canvas, one renderer. Each effect builds only what it needs, the frame loop stops when the hero is off screen, and the pixel ratio is capped on big displays.

    Works everywhere

    Touch works like the pointer: tap for the click effects. With reduce motion turned on the effects keep their look but slow right down. Without WebGL the hero text still shows on a plain background.

    Shareable

    Every colour, setting and line of text lives in the page address, so a restyled hero is just a link.