- P1
Constellation field — the connected-dots hero
Drifting points, lines drawn between near neighbours, and a gentle pull toward your cursor. The classic premium hero background — run it behind a dark hero at low opacity.
PRO demo — move your cursor through the field
Paste into Claude Code / eStage builder AIAdd a constellation particle background to my dark hero using a <canvas>: ~46 dots drifting with small random velocities, bouncing at the edges; draw a line between every pair closer than ~90px with opacity proportional to closeness, in my primary brand color; give the cursor a gentle attraction (within ~110px, accelerate dots toward it slightly, with velocity damping ~0.985 so it stays calm). Scale the canvas for devicePixelRatio, run it in requestAnimationFrame, cap dot count on mobile, and don't run the loop at all under prefers-reduced-motion (show the static dark background instead).
Pro Effects · free taster
Canvas particles — living backgrounds
Three particle systems on a single lightweight canvas pattern: a constellation field that reacts to the cursor, a meteor shower streaking across a twinkling night sky, and an ember trail. All under 2KB of logic each, no libraries.
Founder members only
2 more effects in this category.
Founder members get every effect.
Already a member? Sign in. Not yet? The free community and the free 28-effect tutorial are open to everyone.