Premium
Particle Galaxy
A slow, swirling galaxy of white and blue particles with adjustable turbulence and a fixed frame.
HorizonX UI/UXTool collection
Particle Effects & Particle Backgrounds
Animated particle effects for heroes and backgrounds: galaxies, spheres, pulsing fields and winding particle streams, drawn with Canvas or WebGL. Tune the colour and motion live, then export the code as HTML, Svelte or React. Use a slow, sparse field behind text and a dense, interactive one where the particles are the point.
- 6 components
- Edit live in the browser
- Export HTML, Svelte or React
- Read the guide
HorizonX UI/UX
Background or centrepiece?
A particle background should stay behind the content: low contrast, slow motion and enough empty space for a headline to sit on top. A centrepiece, such as a particle galaxy or sphere, is the visual itself and can take the whole hero with brighter colour and pointer interaction.
Canvas or WebGL?
Canvas effects are simple to embed and comfortable with modest particle counts. WebGL effects move far more particles on the GPU and handle depth and glow, at the cost of a heavier script.
Whichever you choose, check it on a phone before shipping: fewer, larger particles often look just as good and cost far less.
Keep exploring
Related collections
Tune it live, then export the code
Every interactive tool on HorizonX opens in an editor you can adjust in the browser before you export it.