# Navbar animation brainstorm

Each strip uses the same nav layout, same blur, same logo. Only the background animation differs. Tell me the number.

1 Topographic contour drift — slow-panning topo lines
Tools Demo Docs About
2 Plate-tectonic seam — a fault line breathing with stress sparks
Tools Demo Docs About
3 Sediment strata — five faint horizontal layers drifting at different rates
Tools Demo Docs About
4 Compass drift — a small cardinal rose whose needle never quite settles
Tools Demo Docs About
5 River meander — a single dashed curve flowing across the nav
Tools Demo Docs About
6 Phoneme fog — IPA glyphs fading in and out at 6% opacity
ʃ θ ŋ ʔ ɕ ɣ
Tools Demo Docs About
7 Spectrogram pulse — vertical bars breathing like slow speech
Tools Demo Docs About
8 Constellation reform — dots stay, edges fade between configurations
Tools Demo Docs About
9 Wind field — scattered arrows slowly rotating together like a weather map
Tools Demo Docs About
10 Crystalline pulse — a lattice where individual vertices flash orange and decay
Tools Demo Docs About
13 Hero — multi-color domain warp · navy + amber + black, chaotic FBM zones
14 Hero — Voronoi ink blobs · scattered cells tinted from the palette, smoothed edges
15 Hero — curl-noise ink flow · divergence-free swirls, ink-in-water
12 Hero — domain-warped FBM (WebGL) · tectonic strata, slate + amber, ~5KB
A worldbuilding toolset
Build worlds the way
geologists, linguists, and architects would.
11 Starfield — irregular scatter, each star twinkles on its own cycle (Quadspinner-class)
Tools Demo Docs About