Option A
Lightning arc
A thin electric filament trails the cursor. Fast flicks crack off short branches that die in a fifth of a second; at rest it shrinks to a spark and fades.
The most 'powerful' of the three, and the closest to your lightning-strike idea. Risk: lightning reads as a gimmick on a business site if it is the first thing people notice. It is 2D, not 3D.
| Our JS (library: none) | 15.1 KB raw, 6.0 KB gzip |
|---|---|
| Desktop 1440x900 @2x | 60 fps, JS p95 0.1 ms/frame |
| Phone 390x844, CPU 4x slower | 30 fps (cap 30), JS p95 0.2 ms/frame |
| Mouse still | 0 frames drawn in 1.5 s |
| Starts after first paint | FCP 676 ms, effect 714 ms |
| Layout shift | CLS 0 |
| Reduced motion / 4-core device | static gradient |