Why it works:
A looping video would get you something like this, but it would weigh a few megabytes and never react to anyone. Plasma Storm runs as a single fragment shader. No assets, no decode cost, and it responds to every visitor's cursor. That mix of motion and interactivity is what makes a hero feel built rather than dressed.
- Each arc is a line segment between two attractors, displaced by layered noise so it reads as a jagged bolt instead of a curve.
- Brightness is stacked from three falloffs (a tight white core, a colored sheath, and a soft outer glow) and then flickered per arc.
- Colors mix between your accent and secondary across arcs and saturate toward white at peak intensity.
- Output is tone-mapped, so cranking Intensity brightens the storm without clipping to flat white.
- Gaming, esports, and streaming brands
- AI, ML, and developer tools
- Crypto, fintech, and energy companies
- Product launches, waitlists, and event pages
- Music and creative-tool sites
- Accent: primary arc color
- Secondary: secondary arc color
- Speed: animation pace (0–2)
- Arc Count: bolts striking at once (1–5)
- Intensity: brightness multiplier (0.1–3)
- Hover effect: cursor as dominant attractor
- Quality: render DPR (0.5–2)
WebGL2, ~99% browser coverage. Auto-pauses offscreen and in Framer's canvas. Respects. Resizes any aspect ratio. Set DPR according to device.
Abhrajit Ray
