Ambient Section Particles

Build particles as a bounded atmosphere layer, not as a page-wide screensaver. Keep the content primary and stop work when the effect cannot be seen.

Choose the renderer

• Use canvas for roughly 40 or more small particles, frequent motion, pointer forces, or simple procedural shapes.
• Use DOM or inline SVG for a small count of branded fragments that need individual styling or semantic labels.
• Use WebGL only for thousands of particles, depth, shaders, or real 3D behavior. Cap device pixel ratio and provide a static fallback.

Start with the least expensive renderer that preserves the desired shape language.

Define one configuration