∞ forever components

Fractals & Automata

Domain Warp

Slowly flowing domain-warped fractal noise rendered in green, sage, and ink tones; layered fbm warp passes produce marbled smoke patterns.

canvasheavy complexitymoderate motion

Open on the canvas to copy the code → Free account · 3 copies a day · membership goes unlimited

Live demo — the real component, running in a sandbox. One self-contained HTML file, zero dependencies. Open it on the canvas →
Worth keeping? Votes steer what gets built next — sign in to cast one, free to read

When to use it

Dark-mode hero backgrounds, creative portfolio ambience, loading screens needing slow organic motion.

When not to

Contexts requiring legible text overlays — the shifting noise competes with content. Light-color UIs (background hardcoded dark near-black).

Working with an AI agent

Every component ships agent-ready metadata. An example instruction for this one:

Change the palette stops array to warm amber/magenta tones (e.g. replace stops with [[6,4,2],[46,20,10],[120,60,20],[220,120,40],[255,180,80],[255,230,200]]) and slow the warp by changing qx multiplier from 0.018 to 0.008. Theme: dark tokens live in :root, the light variant in :root[data-theme="light"]; ?theme=light or a {type:'forever:theme'} postMessage switches at runtime.

Safe to edit

  • palette stops array (stops variable)
  • simulation grid cap (cap=140, lower for speed)
  • warp time speeds (ty=t*0.06, qx=t*0.018, qy=t*0.012)
  • domain warp strength (4.0 multipliers in fbm calls)
  • blend ratio (f*0.6 + r1*0.4)
  • theme tokens (:root dark defaults + [data-theme=light] overrides)

Keep intact

  • low-res offscreen buffer pattern (critical for perf)
  • IIFE wrapper
  • visibilitychange pause/resume
  • prefers-reduced-motion static fallback (frame(12.0))
  • theme hook (?theme= bootstrap + forever:theme message listener + theme tokens)

Known limitations

  • CPU-bound nested fbm loops — 4 octaves x 5 fbm calls per pixel; heavy on low-end devices
  • Simulation grid capped at 140px edge — upscaled so sharp edges are intentionally soft
  • No interactivity; purely ambient

fractalnoisedomain-warpgenerativeambientcanvaspalette

More Fractals & Automata components

  • Mandelbrot ZoomEscape-time Mandelbrot set zooms slowly into a filigree boundary seam, rendered in smooth red-to-gold color bands on a near-black background.
  • Julia MorphJulia set fractal whose complex constant traces a slow Lissajous loop, morphing green filaments between connected and dendritic forms over ~70 seconds.
  • Game of LifeConway's Game of Life with glowing magenta cells aging through three color tiers; field reseeds automatically when population collapses.
  • LeniaLenia smooth-life automaton: glowing teal-to-cyan blobs drift and pulse on a dark field via a typed-array convolution sim scaled up with CSS.
  • L-System FernA fractal fern draws itself branch by branch via an L-system grammar, coloring segments brown-to-gold by depth; it holds then restarts.
  • SierpinskiSierpinski triangle accretes from 26,000 chaos-game points, glowing red on near-black; recent points flash white-hot before cooling.