Thunderstorm Login Page
The Thunderstorm Login creates a dramatic, atmospheric authentication experience. Real-time fractal lightning bolts crack across the sky, 400 rain particles fall at varying speeds and angles, blurred cloud formations drift overhead, and the login card shakes with simulated thunder impacts.
Fractal Lightning System
Lightning bolts are generated using recursive fractal algorithms with random jitter displacement. Each main bolt spawns child branches at random intervals, creating realistic forking patterns that illuminate the entire scene through a flash layer overlay.
Multi-Layer Atmosphere
The scene composites 7 visual layers: gradient sky, 5 individually animated and blurred cloud formations, fog gradient, canvas-rendered rain, lightning bolts, ground shadow, and the glassmorphism login card with a rotating conic-gradient border.
Interactive Thunder
Clicking the AUTHENTICATE button triggers a dramatic triple-lightning strike with screen flash, chromatic illumination, and card shake — providing visceral physical feedback for the login action.
Frequently Asked Questions
How often do lightning strikes occur?
Strikes are probabilistic — approximately one every 200 frames with occasional double-strikes. The randomized timing ensures each moment feels unique and unpredictable.
Is the rain performance-optimized?
Yes. 400 raindrops is the performance-tested sweet spot. Each drop is a simple line stroke with minimal computation, keeping frame rates smooth even on mid-range hardware.
