20+ CSS Particle Backgrounds - Free Code + Demos

CSS particle animation without JavaScript. The most important point is random movement of particles. The vignetting was created by mask-image property.

Inspired by Bits. Be warned: terrible performance. Click and hold for even worse performance.

Loop with sass & compass of random circle particles

Playing around with an effect to include on the product page of Outfit.io

Customizable particle system using a randomized box-shadow property on four different layers

playing around with particles.js

Click and drag to attract, right-click to repulse, middle-mouse-click to create a time-dilation field. Check out the options for colors and particle count (lower count might improve performance on FF). Inspired by thepheer's magnetic field pen. I wanted to recreate this pen completely by ...

Read More

An endless stream of particles pop in and out of existence as they are irresistibly drawn to the black hole in the middle - and to each other. This pen is part of my current exploration of particle systems and gravity. I plan to recreate this design in three dimensions using three.js next...

Read More

Awesome and colorful vibrating particles all rendered through the canvas. Mouse over them to see the effect!