HTML + CSSBackgrounds

Banknote guilloche

Rosettes and borders of fine interlaced lines, like the security print on a banknote, that breathe and shift phase with the pointer, on canvas.

Settings

1x
1x
1

Code

<div class="pt-uvq16-guilloche"><canvas></canvas></div>

Prompt for AI

Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.

Markdown version with all the code, for AI assistants

More in Backgrounds

See all Backgrounds

Where to use it

Guilloche is the engraved line work that protects banknotes, passports and share certificates. Here each ring of the central rosette is a circle modulated by two sine waves with a different phase, so the lines weave into a dense net, with two smaller rosettes in the corners and wavy rope borders at the top and bottom. All of it slowly turns.

The first and second colors blend across the rings and the third marks every fourth line, like a second ink. Density adds more rings. The pointer nudges the rosette, changes the amplitude and speeds up the phase. Suits finance, fintech, certificates, luxury goods and vintage print themes.