Thunder Strike
Add cinematic lightning to any Frame with timed strikes, branching bolts, and full color control. Customize hue, speed, delay, branch count, and intensity. Perfect for hero section
Make it with Workshop
Build your own component with AI
Features
Procedural lightning animation with organic noise distortion
Optional always-on main bolt for ambient storm effects
Timed, top-down strikes with random delay intervals
Configurable strike duration and brightness boost
Branching bolts (0–8) with adjustable spread, thickness, and intensity
Full hue control to match brand colors
Adjustable animation speed, distortion size, and bolt offset
Fully configurable via Framer property controls
Responsiveness
Fully responsive — scales to the parent Frame
Auto-resizes on viewport or container changes
Recommended Use Cases
Hero sections with cinematic atmosphere
Game, music, or film landing pages
Cyberpunk, sci-fi, and fantasy themes
Event countdowns or dramatic launch moments
Background visuals for interactive experiences
How to Use in Framer
Copy the component URL and paste it into your canvas
Adjust property controls in the right sidebar to style and time your lightning
Preview or publish — no additional setup required
To achieve same effect use this settings-
