# Site map — cool-web-fx

> Every page on <https://fx.statico.io>, grouped by section. Machine-readable equivalent:
> <https://fx.statico.io/sitemap.xml>. Last updated 2026-10-01.

## Pages

- [Home](https://fx.statico.io/) — gallery index of every effect. Markdown: [/index.md](https://fx.statico.io/index.md)
- [Glossary](https://fx.statico.io/glossary) — terminology used in the writeups. Markdown: [/glossary.md](https://fx.statico.io/glossary.md)

## Effect demo pages

Each page carries a live iframe, the full source, a technique writeup, and credit.

- [Cyber Ambient Overlay](https://fx.statico.io/demos/cyber-canvas) — A matrix field of monospace glyphs that ripple and rainbow as invisible circular waves wash outward across the header. Markdown: [/demos/cyber-canvas.md](https://fx.statico.io/demos/cyber-canvas.md)
- [On-Command Grid Bloom](https://fx.statico.io/demos/meshy-grid) — A skewed white grid blooms out of a lime light haze while pale dust motes drift and twinkle across the band, behind a bold heading and a flowing gradient CTA. Markdown: [/demos/meshy-grid.md](https://fx.statico.io/demos/meshy-grid.md)
- [Midjourney Prompt Vortex](https://fx.statico.io/demos/midjourney-home) — A wall of real Midjourney prompts swirled into a slow CRT vortex with the wordmark fading up at its eye. Markdown: [/demos/midjourney-home.md](https://fx.statico.io/demos/midjourney-home.md)
- [Sneakers Text Decode](https://fx.statico.io/demos/sneakers-text) — Characters scramble through random glyphs then snap left-to-right into readable text — like a cipher decode from the movie Sneakers. Markdown: [/demos/sneakers-text.md](https://fx.statico.io/demos/sneakers-text.md)
- [Electron Pulse Lines](https://fx.statico.io/demos/electron-lines) — Bright electron pulses race along circuit-board Bézier paths between glowing connected nodes. Markdown: [/demos/electron-lines.md](https://fx.statico.io/demos/electron-lines.md)
- [Particle Text Vortex](https://fx.statico.io/demos/text-vortex) — Luminous particles spiral out of a vortex and settle into glowing typographic forms, then dissolve and reform the next word. Markdown: [/demos/text-vortex.md](https://fx.statico.io/demos/text-vortex.md)
- [Black Rubik's Cube](https://fx.statico.io/demos/resend-cube) — An all-black Rubik's cube with mixed matte/glossy finishes, slowly turning under studio light. Markdown: [/demos/resend-cube.md](https://fx.statico.io/demos/resend-cube.md)
- [Rotating Rainbow Border Button](https://fx.statico.io/demos/resend-rainbow-button) — A pill button whose thin gradient outline spins forever, with a blurred glow that blooms on hover. Markdown: [/demos/resend-rainbow-button.md](https://fx.statico.io/demos/resend-rainbow-button.md)
- [Conic Gradient Sweep Border](https://fx.statico.io/demos/resend-conic-border) — A card whose border is a bright arc that sweeps around the perimeter, painted with a rotating conic gradient. Markdown: [/demos/resend-conic-border.md](https://fx.statico.io/demos/resend-conic-border.md)
- [Vertical-Line Glyph Dither](https://fx.statico.io/demos/coderabbit-dither) — A slowly tumbling extruded glyph, raymarched and then re-rendered as vertical ASCII-style bars whose width tracks brightness — with a headline in front. Markdown: [/demos/coderabbit-dither.md](https://fx.statico.io/demos/coderabbit-dither.md)
- [Warped Text Wall](https://fx.statico.io/demos/nell-text-warp) — A wall of text in tall draggable columns, crisp at the top and smeared into hot-pink weather at the bottom as a flow field resamples every character. Markdown: [/demos/nell-text-warp.md](https://fx.statico.io/demos/nell-text-warp.md)
- [ASCII Cloud Banner](https://fx.statico.io/demos/openclaw-ascii-cloud) — A coral ASCII-art field of concentric arcs shimmers behind the OpenClaw hero banner while a bright wave radiates outward along the arcs — monospace glyphs reading as horizontal wavy lines fading in from the top, behind a bold heading. Markdown: [/demos/openclaw-ascii-cloud.md](https://fx.statico.io/demos/openclaw-ascii-cloud.md)
- [Dithered Firefly Field](https://fx.statico.io/demos/testerarmy-fireflies) — A Bayer-dithered glow rising from the bottom of the hero, broken into thousands of 2px dots that scatter away from the cursor, spring back home, and occasionally drift up off the top like fireflies. Markdown: [/demos/testerarmy-fireflies.md](https://fx.statico.io/demos/testerarmy-fireflies.md)

## Standalone effect sources

Complete, runnable HTML documents — copy these verbatim.

- [Cyber Ambient Overlay](https://fx.statico.io/effects/cyber-canvas.html) — `cyber-canvas.html`. Markdown: [/effects/cyber-canvas.md](https://fx.statico.io/effects/cyber-canvas.md)
- [On-Command Grid Bloom](https://fx.statico.io/effects/meshy-grid.html) — `meshy-grid.html`. Markdown: [/effects/meshy-grid.md](https://fx.statico.io/effects/meshy-grid.md)
- [Midjourney Prompt Vortex](https://fx.statico.io/effects/midjourney-home.html) — `midjourney-home.html`. Markdown: [/effects/midjourney-home.md](https://fx.statico.io/effects/midjourney-home.md)
- [Sneakers Text Decode](https://fx.statico.io/effects/sneakers-text.html) — `sneakers-text.html`. Markdown: [/effects/sneakers-text.md](https://fx.statico.io/effects/sneakers-text.md)
- [Electron Pulse Lines](https://fx.statico.io/effects/electron-lines.html) — `electron-lines.html`. Markdown: [/effects/electron-lines.md](https://fx.statico.io/effects/electron-lines.md)
- [Particle Text Vortex](https://fx.statico.io/effects/text-vortex.html) — `text-vortex.html`. Markdown: [/effects/text-vortex.md](https://fx.statico.io/effects/text-vortex.md)
- [Black Rubik's Cube](https://fx.statico.io/effects/resend-cube.html) — `resend-cube.html`. Markdown: [/effects/resend-cube.md](https://fx.statico.io/effects/resend-cube.md)
- [Rotating Rainbow Border Button](https://fx.statico.io/effects/resend-rainbow-button.html) — `resend-rainbow-button.html`. Markdown: [/effects/resend-rainbow-button.md](https://fx.statico.io/effects/resend-rainbow-button.md)
- [Conic Gradient Sweep Border](https://fx.statico.io/effects/resend-conic-border.html) — `resend-conic-border.html`. Markdown: [/effects/resend-conic-border.md](https://fx.statico.io/effects/resend-conic-border.md)
- [Vertical-Line Glyph Dither](https://fx.statico.io/effects/coderabbit-dither.html) — `coderabbit-dither.html`. Markdown: [/effects/coderabbit-dither.md](https://fx.statico.io/effects/coderabbit-dither.md)
- [Warped Text Wall](https://fx.statico.io/effects/nell-text-warp.html) — `nell-text-warp.html`. Markdown: [/effects/nell-text-warp.md](https://fx.statico.io/effects/nell-text-warp.md)
- [ASCII Cloud Banner](https://fx.statico.io/effects/openclaw-ascii-cloud.html) — `openclaw-ascii-cloud.html`. Markdown: [/effects/openclaw-ascii-cloud.md](https://fx.statico.io/effects/openclaw-ascii-cloud.md)
- [Dithered Firefly Field](https://fx.statico.io/effects/testerarmy-fireflies.html) — `testerarmy-fireflies.html`. Markdown: [/effects/testerarmy-fireflies.md](https://fx.statico.io/effects/testerarmy-fireflies.md)

## Agent resources

- [AGENTS.md](https://fx.statico.io/AGENTS.md) — entry point: what this is, how to grab an effect
- [skill.md](https://fx.statico.io/skill.md) — full agent skill file
- [llms.txt](https://fx.statico.io/llms.txt) — short index of every effect
- [sitemap.xml](https://fx.statico.io/sitemap.xml) — this map, machine-readable, with lastmod
- [robots.txt](https://fx.statico.io/robots.txt) — crawl policy (everything allowed)
