MOTIONSTASH
Log inSign up
All components

Dot Grid Parallax

Backgrounds

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

Download preview768×432 preview render — the full-resolution file comes from running the component
8 seconds
Format
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

This is the format it was composed for. Switch above to see it lay itself out for another — same animation, re-arranged for the frame.

backgroundparallaxgridloopatmosphere
For developers — source, dependencies and provenance

Dependencies

remotion@remotion/shapeszod

No Tailwind, no CSS, no asset files. Inline styles only.

Source

Filesrc/registry/items/dot-grid-parallax.tsx
Frame1920×1080
Duration240f · 8s @ 30fps

Provenance

ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT

Prompt

A seamlessly looping background of dots on a faint grid, with three depth layers drifting at different rates and density falling off toward the frame edges so a headline stays readable on top.

Similar components

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

16:9 · 5s

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

Gradient Mesh Drift

16:9 · 8s

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

Hot Path Scan

9:16 · 5s

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

16:9 · 5s

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

16:9 · 8s