// Service

Lightning Effect Website — Electric Bolt Animations

Lightning and electric effects via line geometries and shader animation — for tech brands, energy companies, gaming.

Lightning effects in 3D web use line geometries with shader-driven animation — bolt paths drawn with branching algorithms, randomized per frame, glow added via post-processing bloom. Cost is quoted per project. Strongest fit: tech and energy brands, gaming and esports (electric energy fits the genre), DJ/electronic music sites, performance wear. The implementation pattern: pre-generate bolt paths as procedural geometry, animate with shader (no per-frame CPU work), add bloom for glow. Mobile-friendly because the cost is mostly GPU shader work, scales down via device tier detection.

Engagement model

Fixed price and timeline agreed upfront in a written offer, with no hourly billing. Revisions within the agreed scope are included. Out-of-scope changes are quoted separately before any work happens. No retainer required, no monthly minimum. Payment terms are set out in the same offer.

// Need it on a live site? Three.js website development: 3D heroes, product viewers and scroll scenes from your models

Technical foundation

Stack: Three.js v0.170 with GSAP for animation timeline, Lenis for smooth scroll, Vite for build, GLSL for custom shaders when needed. Hosting with a fast first byte, HTTP/2, Brotli compression and long-lived caching for static assets. Before launch I run a mobile Lighthouse test and send you the result.

Where it fits

This service is the right call when the brand needs a visual moment that sets it apart from the average competitor — agencies pitching new business, premium e-commerce, portfolios that need to look ahead-of-curve. If you need a basic content site or blog, a static-site generator without 3D is more economical and ranks just as well for simple keyword targets.

Timeline

The timeline depends on scope and is set in the written offer. I send progress notes in writing, so you always know where the project stands.

Frequently asked questions

Do you handle hosting?
Yes. Hosting, SSL, nightly backups and maintenance can be part of the written offer. I don't lock you in — you can move to any modern provider at any time, all assets travel with the codebase.
What's your revision policy?
Revisions within the agreed scope are included. Out-of-scope changes are quoted separately before any work happens. After launch I check the live site and fix whatever shows up there.
How long does this take?
It depends on scope. A simple site usually takes 1–2 weeks, larger projects take longer, and the exact timeline is in the written offer.
What does it cost?
Every project is quoted per scope — scene count, asset complexity and interactivity drive the effort. Send a short brief and you get a written fixed quote, with source code included.
What if my visitors are on weak phones?
The site detects device tier before the first scene loads and serves a lighter version on weak hardware (fewer particles, simpler shaders). Devices without WebGL get a static fallback that preserves the visual language and conversion path.

Ready to ship a 3D experience?

Tell me what you need — clear written scope, no surprises.

Call