MOTIONSTASH
Log inSign up
All components

Film Grain Overlay

Backgrounds

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

Download preview768×432 preview render — the full-resolution file comes from running the component
5 seconds
Format
Film Grain Overlay — Deterministic per-frame grain, scanlines and a vignette, seeded on the frame index so it reproduces byte-for-byte

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.

grainoverlaytexturedeterministicfilm
For developers — source, dependencies and provenance

Dependencies

remotion@remotion/shapeszod

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

Source

Filesrc/registry/items/film-grain-overlay.tsx
Frame1920×1080
Duration150f · 5s @ 30fps

Provenance

ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT

Prompt

An animated film grain and vignette overlay that changes every frame but renders identically every time, shown over a sample headline so the effect reads in context.

Similar components

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

16:9 · 8s

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