Fluid Pixel — Animated Background Generator

Animation

Speed 0.07

Density 0.55

Pixels

Block size 5

Gap 2

Colors

Primary

#7B61FF

Secondary

#00D4FF

Background

#000000

Overlay

Tint opacity 0.35

Tint color

#1A1A2E

Bottom fade

Fade color

#0C0C0C

How to use

1

Copy the script below and paste it in your site's <head> or before </body>

2

Add the attribute data-fluid to the element you want the background on

3

That's it. The script fills the element with the animated canvas.