hexagons
Animated honeycomb backgrounds. Line art on canvas — plus a
faceted fill mode. Zero dependencies, ~6.5 KB. One brand colour
derives the whole palette; one seed reproduces the whole field.
Animated honeycomb backgrounds. Line art on canvas — plus a
faceted fill mode. Zero dependencies, ~6.5 KB. One brand colour
derives the whole palette; one seed reproduces the whole field.
The background you are looking at is one integer away from being a different
one — that is what a seed does. spintax.net
does the same for text: write one template, expand it into thousands of unique,
deterministic variants. No per-generation API costs, full quality control.
The honeycomb repeats on a size × √3·size tile, so
Hexagons.pattern() returns a seamless SVG as a ready-to-use
background-image. This whole section — and this code block — are
painted with it. Nothing animates, nothing runs.
// derived from the same brand triad
document.body.style.backgroundImage =
Hexagons.pattern({ size: 18, opacity: 0.09, theme: 'dark' });
// or explicit
Hexagons.pattern({ size: 24, color: '#d6af3c', opacity: 0.15 });