Component theme

Cosmic & Space

20 components, each a single self-contained HTML file — no frameworks, no build step. Preview them here, or see them live on the canvas.

• 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.
• Constellation Connect46 drifting star nodes auto-connect with faint magenta lines when close; cursor draws lines to nearby stars and brightens them on hover.
• Hyperspace Warp110 star streaks radiate outward from a glowing center in a hyperspace tunnel effect; pressing and holding the canvas accelerates warp speed 2.6x.
• Drifting Nebula26 soft radial blobs in pink, violet, and blue drift with additive blending over 70 twinkling stars; cursor gently pulls the nebula clouds.
• Solar Flare PulseAnimated sun with pulsing radial corona, 60 radiating flare spikes, and 5 arcing prominences; clicking triggers a brighter solar burst.
• Logarithmic Zoom JourneyNested labeled rings dilate outward from a glowing core through 10 cosmic scales (atom to cosmic web); pointer and click accelerate the zoom drift.
• Light Travel DelayAmber wavefronts expand from a star, lighting up distance markers (1 AU, 1 ly, 100 ly) as each ring arrives. Click fires a manual pulse.
• Parallax Depth DriftFour-layer parallax starfield drifts laterally; near stars streak with motion-blur while the deep field barely moves. Pointer nudges the drift direction.
• Pulsar Lighthouse SweepA neutron star spins twin teal lighthouse beams that sweep and blip brighter when crossing the line of sight; dipole field lines and starfield pulse in sync.
• Gravitational Lens RingStars and galaxy arcs bend tangentially around a dark mass; alignment drifts to form a glowing magenta Einstein ring. Pointer shifts alignment offset.
• Aurora Curtain Flow7 green and magenta aurora curtains ripple above a dark planetary limb; pointer nudges the bands sideways, click jolts them.
• Protostar Accretion Disk160 dust grains spiral inward along two logarithmic arms toward a glowing protostar; bipolar jets pulse up and down with warm-to-cool color grading.
• Tidal Spaghettification170 particles arc past a gravity well, stretching into a white-hot filament at perihelion. Pointer and click boost the tidal spread effect.
• Exoplanet Transit DipA planet transits a limb-darkened star; a live light-curve panel plots the real-time flux dip. Click resets transit; pointermove nudges speed.
• Cosmic Microwave StaticMulti-octave Perlin noise renders a mottled hot-red/cold-blue CMB field with vignette. Pointer nudges a dipole anisotropy across the temperature map.