Hero banners built with Claude

The bottom edge of the page on fire — a real-time GPU fluid simulation ray-marched as a glowing volume, with smoke drifting up through the copy. WebGPU, with an ember-glow fallback.

Night-side Earth from orbit — procedural city lights, shooting stars, and a sunrise that breaks while you watch — or scroll to drive the sun yourself. One fragment shader, no libraries.

Classic two-column split: copy on the left, an animated gradient panel and glass stat card on the right.

Centred type over three drifting blurred blobs with a film-grain overlay. Slow, cheap and never visibly loops.

Canvas particle mesh that draws connecting lines between nearby points, with a stat row beneath.

Headline that types and deletes through five phrases, over a faded grid, with an inline email capture.

Tilted app window rising into view with floating metric cards — a full UI mockup in pure CSS.

Corporate centred hero with an infinite, pause-on-hover client logo strip and compliance micro-copy.

A torch that follows the cursor, revealing a dot grid through the darkness. Open it and move your mouse.

Headline as one tile in a grid of stats, features and a sparkline — the whole pitch above the fold.

Hard clip-path diagonal with pulsing rings, reflowing to a horizontal split on mobile.

Scattered, slightly rotated photo tiles that lift on hover, beside a serif headline. Warm and hospitality-ready.

Rotating word swap inside a fixed-height window, so the headline never reflows. Ticker strip along the bottom.

Frosted search card floating over a CSS-painted sunset scene. Swap in a photo and nothing else changes.

Developer hero with a copyable install command and a terminal that types its output line by line.

Six mountain layers that shift at different rates as you move the cursor. Open it full size for the effect.

Print-style masthead, drop cap, standfirst and a contents rail — a magazine cover as a hero.

Auto-advancing three-slide carousel with a slow zoom, staggered text entry and clickable progress bars.

Clean fintech hero with a highlighter underline and a four-up figure strip that counts up once on entry.

Full-bleed moving backdrop with a live badge and a play control — drop a real video in and the layout holds.

Heavy borders, inverted and outlined type, monospace throughout, with a character marquee along the bottom.

Raymarched liquid chrome — gooey blobs merge and split in real time, and one follows your cursor. Raw WebGL, no libraries.

Event hero with a live ticking countdown, mesh gradient background and a speaker avatar row.