∞ forever components

Organic & Nature

Mycelium Bloom

Branching hyphae grow outward from center using a probabilistic grammar; glow nodes pulse teal where the web is densest. Pointer spawns new growth tips.

canvasheavy complexitymoderate motionpointer

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-background hero sections, nature/bio themes, generative art backdrops, loading screens needing calm organic motion.

When not to

Light backgrounds (hardcoded dark soil color). Contexts where legible text must overlay — persistent glow blooms compete visually.

Working with an AI agent

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

Change the hyphal color to warm amber by replacing 'rgba(150,196,176,' with 'rgba(196,170,100,' in the grow() segment draw call, and change node glow stops to gold tones (#ffd700).

Safe to edit

  • maxTips cap (160 full / 40 reduced-motion)
  • growth speed (1.5*scale)
  • branch probability (0.045)
  • node glow color stops (rgba values in frame())
  • anastomosis density threshold (2.4)
  • hyphal taper rate (0.997)

Keep intact

  • IIFE wrapper
  • prefers-reduced-motion guard + static fallback (260 grow() iterations)
  • visibilitychange pause/resume
  • grid Float32Array density field (anastomosis logic depends on it)

Known limitations

  • Background color hardcoded (#100b06) — must edit CSS and ctx.fillStyle to change
  • Node count grows unbounded over long runs; no cap on nodes array
  • Reduced-motion path renders a static frame only — no node pulse animation

myceliumgenerativecanvasbioluminescentorganicbranchingambient

More Organic & Nature components

  • Growing VineA sinuous green vine grows upward sprouting 14 alternating leaves and a pale bud tip, then retracts in a seamless loop on a dark forest background.
  • Flickering FireAdditive-blended ember particles rise from a glowing orange base, flickering like a real flame; cursor pans left/right to fan the fire sideways.
  • Water RippleConcentric ripple rings expand across a deep teal water surface with shimmering caustic bands; tap anywhere to drop a new ripple. Auto-drops periodically.
  • Lightning BoltJagged lightning bolts with branching forks strike randomly down a dark storm-sky canvas; screen flashes rust-white on each strike. Tap to trigger instantly.
  • Falling SnowUp to 110 depth-layered snowflakes drift and sway down a dark blue gradient; pointer movement shifts a wind force that nudges the entire flurry sideways.
  • Drifting CloudsPuffy white clouds with radial-gradient puffs and soft blue undersides drift across a layered sky gradient; pointer nudges them forward.