MOTIONSTASHFree · MIT · no account

GitHubLog in Sign up

Backgrounds

Components: 6
Documented props: 35
Total runtime: 39s
Licence: MIT · free

Backgrounds are atmosphere: what sits behind everything else and must never compete with it. Four components — a parallax dot grid, a drifting gradient mesh, a sweeping light ray, and a film grain overlay.

Compose these underneath a title or a product shot. They are deliberately low-contrast and slow: measured across the rendered previews, the background components are the sparsest frames in the registry, and that is the point — a background that reads as content is a background that has failed.

Dot Grid Parallax — Three dot fields drift at integer multiples of one grid cell, so the loop returns exactly home, with density falling off at the frame edges

Dot Grid Parallax

Three dot fields drift at integer multiples of one grid cell, so the loop returns exactly home, with density falling off at the frame edges

Film Grain Overlay — Deterministic per-frame grain, scanlines and a vignette, seeded on the frame index so it reproduces byte-for-byte

Film Grain Overlay

Deterministic per-frame grain, scanlines and a vignette, seeded on the frame index so it reproduces byte-for-byte

Gradient Mesh Drift

Blurred brand-coloured gradient blobs drifting on closed sine paths, loop-exact at the last frame

Hot Path Scan — A defocused listing scrolls behind a scan front while one symbol resolves out of blur and locks sharp

Hot Path Scan

A defocused listing scrolls behind a scan front while one symbol resolves out of blur and locks sharp

Light Rays Sweep — A fan of soft gradient wedges rotates slowly from an off-frame source, with a bloom at the origin and a vignette holding it back from the edges

Light Rays Sweep

A fan of soft gradient wedges rotates slowly from an off-frame source, with a bloom at the origin and a vignette holding it back from the edges

Ribbon Wave — A volumetric ribbon of phase-shifted strands travelling across frame, built outside-in with three depth groups and a moving hot spot

Ribbon Wave

A volumetric ribbon of phase-shifted strands travelling across frame, built outside-in with three depth groups and a moving hot spot