// Service

Particle Hero Effect — Reactive Particles in WebGL

A reactive particle field as hero — particles drift ambient, react to cursor, scatter on scroll, all in 60FPS WebGL.

Particle hero effect is one of the most flexible 3D web techniques because particles cover a wide visual range with the same technical foundation. Types I ship: ambient particle field (300-500 particles drifting slowly, gives the scene "life"), reactive particles (gather around cursor or scroll position), shader-driven GPU particles (each particle is a shader-pixel, scales to 100K+ without performance penalty). Pricing \$1,500-\$3,500 depending on complexity. The biggest cost-quality decision is shader-driven (GPU compute, scales) vs CPU-driven (per-particle JS control, easier to art-direct).

Concrete deliverable

What you receive at handover: a working Particle Hero Effect — Reactive Particles in WebGL on production hosting, all source files committed to your GitHub repo, og-images for social sharing, basic schema.org markup, sitemap entry, and a 5-min walkthrough video. The site is yours from day one — I never hold code hostage.

Engagement model

Fixed price, fixed deadline, payment on delivery. The price covers up to two rounds of revision within original scope. Out-of-scope changes are quoted separately before any work happens. No retainer required, no monthly minimum. We agree once, I deliver, you pay.

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 on a Hetzner / DigitalOcean equivalent — fast first byte, HTTP/2, Brotli compression, CDN for static assets. Lighthouse mobile 85+ guaranteed.

Where it fits

This service is the right call when the brand needs a visual moment that ranks beyond 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.

Frequently asked questions

Do you handle hosting?

First year of hosting is included in the project price. After that, hosting runs about \$10-30/month depending on traffic class. 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?

Two rounds of revision within original scope are included. Out-of-scope changes are quoted separately before any work happens. After delivery, I include 30 days of post-launch support for bug fixes and minor adjustments at no additional cost.

How long does this take?

Standard scope: 4-6 weeks from contract signature to live site. Larger scope (configurator, multi-scene scrollytelling) takes 8-12 weeks. Rush projects (2-3 weeks) are accepted with a 30-40% rush surcharge.

What does it cost?

Hero-section 3D upgrade: \$1,500-\$2,500. Full multi-scene 3D site: \$3,500-\$8,000. Configurator with custom shaders: \$5,000-\$12,000. All fixed-price, source code included. EUR equivalents on request.

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 — fixed price, fixed deadline, no surprises.

Get a quote +381 61 224 8989