All components
Gradient Mesh Drift
BackgroundsBlurred brand-coloured gradient blobs drifting on closed sine paths, loop-exact at the last frame
Download preview768×432 preview render — the full-resolution file comes from running the component
8 seconds
Format
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.
backgroundgradient meshseamless loopambientblurunderlay
For developers — source, dependencies and provenance
Dependencies
remotion@remotion/shapeszod
No Tailwind, no CSS, no asset files. Inline styles only.
Source
Filesrc/registry/items/gradient-mesh-drift.tsx
Frame1920×1080
Duration240f · 8s @ 30fps
Provenance
ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT
Prompt
A soft gradient mesh background — four or five big blurred blobs in the brand colours drifting slowly behind everything, seamlessly looping, dim enough that a headline can sit on top of it and still be readable. Give me a knob for how strong it is.
