Thunder Strike | Framer Component

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 View Demo

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

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

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

Refund Policy

Because this is a digital product, all sales are considered final.

Once you complete your purchase, you’ll get instant access to the Framer code component. Since digital items can’t be returned, we’re not able to offer refunds, exchanges, or cancellations.

Please make sure to review the features and preview materials before buying. If you’re unsure or have any questions, feel free to reach out — we’re happy to help before you commit.

By completing your purchase, you’re confirming you understand and accept these terms.