Cosmic & Space

Protostar Accretion Disk

160 dust grains spiral inward along two logarithmic arms toward a glowing protostar; bipolar jets pulse up and down with warm-to-cool color grading.

canvasheavy complexityintense 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/astronomy content, ambient screensaver-style displays needing a dramatic focal point.

When not to

Light backgrounds (hardcoded dark background). Contexts where constant particle motion competes with overlaid text or UI.

Working with an AI agent

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

Change grain count from N=160 to N=250, set TILT to 0.2 for a more edge-on disk, and shift the core color from warm white '#fff8ec' to electric blue '#a0d8ff'.

Safe to edit

grain count (N=160)
disk tilt/flatten factor (TILT=0.34)
spiral arm count (ARMS=2)
color palette in col() function by radius bands
jet length (150+pulse*40)
spin speed (t*0.012)

Keep intact

DPR-aware canvas sizing and setTransform
visibilitychange pause/start guards
prefers-reduced-motion static fallback
IIFE wrapper

Known limitations

160-particle loop with per-frame alpha blending is CPU-bound on low-end devices
Background color hardcoded in CSS (#0e0805) — must edit to change dark theme
No reduced-motion fallback beyond a single static dark frame

spaceaccretion-diskparticlescanvasprotostarjetsspiralambient

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.