∞ forever components

Fractals & Automata

Julia Morph

Julia set fractal whose complex constant traces a slow Lissajous loop, morphing green filaments between connected and dendritic forms over ~70 seconds.

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 hero backgrounds, generative art displays, screensavers, or anywhere that needs slow ambient complexity without user interaction.

When not to

Low-end mobile devices (CPU-bound pixel loop at up to 420px resolution). Light-background layouts — background is hardcoded near-black.

Working with an AI agent

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

Change the palette to warm amber/red tones by replacing the stops array (e.g. [[20,5,0],[100,30,10],[220,80,20],[255,140,60],[255,210,130],[255,255,200],[80,40,10]]) and slow the morph by changing 0.00009 to 0.00005. 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

  • morph speed (t *= 0.00009)
  • palette color stops array (stops[])
  • iteration cap (MAXIT=150)
  • internal resolution cap (cap=420)
  • Lissajous loop center and radii (constantAt function)
  • theme tokens (:root dark defaults + [data-theme=light] overrides)

Keep intact

  • low-res internal canvas cap (SW/SH capped at 420px long edge)
  • visibility pause (visibilitychange listener)
  • reduced-motion static fallback (constantAt(2.35) single render)
  • Uint32Array pixel buffer pattern (allocation-free in steady state)
  • theme hook (?theme= bootstrap + forever:theme message listener + theme tokens)

Known limitations

  • CPU-bound pixel loop — each frame iterates up to MAXIT=150 times per pixel; expensive on slow CPUs
  • Background and glow colors hardcoded — must edit both CSS vars and LUT stops to retheme
  • No interactivity — complex constant path is fixed; user cannot steer or zoom

fractaljulia-setcanvasgenerativepixel-loopmorphingambient

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.
  • 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.
  • Domain WarpSlowly flowing domain-warped fractal noise rendered in green, sage, and ink tones; layered fbm warp passes produce marbled smoke patterns.
  • SierpinskiSierpinski triangle accretes from 26,000 chaos-game points, glowing red on near-black; recent points flash white-hot before cooling.