Free · Design a moving web background

Particle Background Designer

Build a calm animated particle background, try pointer effects, and export code-ready settings.

Real live animation
Private in your browser
PNG, JSON, and web code

Shape the animation

Change a few controls. The live preview and downloads update together.

Simple controlsYour animation stays in this browser tab.

BackgroundFirst colourSecond colour

Particles82

Speed1.1×

Largest size5.0 px

Opacity72%

Pointer effect Connect nearby particles

Keep counts modest on pages that already have video or large motion.

Live preview

Starting the particlesThe animation is loading in this tab.

Particles82

ShapeCircle

Motion1.1×

PointerPush away

Move the pointer over the preview. Click it when the effect uses clicks.

The JSON works with tsParticles 4. The copied code loads the slim browser bundle.

Three simple steps

How to use it

Start with the live example.
Change the colours, amount, size, and motion.
Download the PNG or tsParticles JSON when it feels right.

Your design stays on this device

tsParticles draws the animation inside this browser tab. Bookify does not upload or save your colours or settings. Test the copied code on a small page before adding it to a busy website.