Motion Library ‹ Free tools

All animations / Backgrounds

Backgrounds

Ambient motion behind content: auroras, blobs, particles and grids. 4 animations.

Backgrounds

Aurora gradient

Soft blurred colour clouds drift slowly behind content, like northern lights.

CSSIntermediate
Backgrounds

Floating shapes

Outlined shapes drift upward and rotate at different speeds, adding quiet life to a section.

CSSBeginner
Backgrounds

Particle network

Dots drift across a canvas and draw lines to their neighbours. Particles are pushed gently by the cursor.

JavaScriptCanvasAdvanced
Backgrounds

Perspective grid

A retro 3D grid floor scrolls toward the viewer, made from one repeating gradient and a perspective transform.

CSSIntermediate