# 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-07-27.

## 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)

## 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)

## 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)
