forever components

Cosmic & Space

Cosmic Microwave Static

Multi-octave Perlin noise renders a mottled hot-red/cold-blue CMB field with vignette. Pointer nudges a dipole anisotropy across the temperature map.

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-theme hero backgrounds, space/science visualizations, ambient generative art displays.

When not to

Light backgrounds (hardcoded dark canvas). Low-end mobile where per-frame pixel loop may drop frames.

Working with an AI agent

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

Change CELL from 7 to 4 for sharper grain, shift hot color to gold by setting r=24+(200*a), g=14+(160*a), b=26+(20*a) in the pixel loop.

Safe to edit

  • cell resolution (CELL=7)
  • max cells cap (MAXCELLS=4200)
  • noise octave weights (1.00, 0.62, 0.40...)
  • cold/hot color channels in pixel loop
  • dipole strength multiplier (0.9)
  • animation speed (t+=0.012)

Keep intact

  • low-res offscreen canvas upscale pattern (critical for perf)
  • MAXCELLS cap guard
  • visibilitychange pause/start
  • reduced-motion static fallback

Known limitations

  • Background color hardcoded (#060409) — must edit CSS and vignette color stop together
  • No aria labeling on canvas
  • warm glow lingers ~20 frames after cursor leaves due to warm*=0.95 decay

cosmicnoisecanvasspacebackgroundgenerativetemperature-map

More Cosmic & Space components

  • Orbiting Planet SystemFour glowing planets orbit a radiant sun on tilted elliptical rings with depth-sorted rendering; the system drifts subtly toward the pointer.
  • Black-hole Accretion Swirl110 heat-colored particles spiral inward across a tilted accretion disk toward a glowing event horizon; pointer movement boosts swirl speed.
  • Twinkling Starfield115 multicolor stars twinkle via sine waves; sparkle crosses appear on larger stars; stars brighten near cursor. Static fallback for reduced-motion.
  • Spiral Galaxy Rotate115 stars form a two-armed spiral galaxy rotating around a violet radial-gradient core; pointer move briefly doubles spin speed.
  • Comet Streak LoopCyan and violet comets with glowing heads and gradient tails streak diagonally across a twinkling dark starfield; click spawns an extra comet (up to 5).
  • Ringed Planet RotateAmber gas giant with tilted Saturn-like rings slowly rotates over a twinkling starfield; pointermove adjusts ring tilt and light angle dynamically.