Cyanotype
GradientA hand-coated print: the brush that laid the sensitizer, the dry edge of the coat, and the tooth of the sheet.
Pointer-interactive gradients in pure WebGL — about a kilobyte on the page, and every one recolourable.
Similar layers
A hand-coated print: the brush that laid the sensitizer, the dry edge of the coat, and the tooth of the sheet.
Crumpled brass with a warm room on one side and a cold window on the other — facets return whichever they face.
A bundle of fibres lying almost parallel, lit from one side — the sheen is drawn by where each fibre points, and the cursor combs them.
Noise combed along a flow field — the walk re-reads its direction at every step, so the strands curve.
A warm and a cool field dragged sideways until they smear — five taps along an axis that fans across the frame.
One broad shaft laid across the frame — the distance to an oriented axis through a tight core and a wide spill, with the far end giving out — and the hand turns the axis.
Liquid metal gathering and breaking, holding its own edge the way mercury does.
A lighthouse turning inside sea fog — the blades die out where the banks are thick because the light is dimmed by what it crossed, not by how far it came, and a hand held up casts a real shadow that widens and fades as it falls away.
More like this
Instructions on how to use
Five steps from prompt to live site
Copy the prompt or source code
Hit Copy prompt for the AI build brief, or download the source where the layer has it.
Open your AI tool
Paste into Cursor, Claude Code, Lovable, v0, or any MCP-capable assistant.
Run the build
Let the assistant scaffold the page using the layer as reference.
Customize the brand
Swap copy, palette, and assets while keeping the composition and motion.
Deploy
Ship to Vercel, Netlify, or your own stack with the included commercial licence.
FAQs
Unlock the full library — every prompt, background and 3D scene, plus source code as it's added — with one plan.
View pricingChecking your access…
A print rather than a ramp: five screens, one flat colour each, and what keeps it from reading as banding is where they stop — not at a level line but wherever a coarse mesh says.
Tune the colours
Variant Default
10 ready-made recolourings
This is Templify's own live render — move a swatch and it repaints on the spot. Copy the prompt and your AI rebuilds it with these exact colours.