lab / ascii-bg · live on site · listed under ./build
ASCII background variants
Swap the CSS grid for living glyphs. Pick a field, tune density / opacity, check copy still reads. Steal the prompt below for your own site.
variant
active: orbit — Rings + spokes from center.
readability sample
Ray Gan
product engineer · KL / Penang · who-and-why first
Background must stay atmosphere, not noise. If this paragraph fights the field, drop opacity or density — or pick drift / pulse grid over static / tunnel.
buildgrowthbooks
steal this
Prompt for your AI
Copy → paste into any AI. Short brief — agent should infer your stack/theme and ask before assuming.
I want an animated ASCII background like rgbk.club — greyscale terminal vibe, monospace glyphs, low opacity so text stays readable. Not neon Matrix green/purple. Default look: orbit field + block chars ( ·░▒▓█ ), density ~0.4, opacity ~0.2, pause if prefers-reduced-motion. Core idea: - Pure functions that fill a cols×rows grid of characters from time + density - Canvas (or equivalent) rAF loop draws those rows behind the UI - Optional shuffle between effects Possible variants: pulse-grid, rain, static, wave, scan, orbit, drift, tunnel. Infer my framework and existing theme/tokens from the project. Ask clarifying questions instead of making assumptions — then implement.