∞ 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 motionmobile-ready

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 →
1

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.