MOTIONSTASH
Sign up
All components

Gradient Card Collage

Social formats

App cards float at true depth over a drifting saturated ground, parallaxing against a camera that never stops moving

Download preview768×432 preview render — the full-resolution file comes from running the component
5 seconds
Format
Gradient Card Collage — App cards float at true depth over a drifting saturated ground, parallaxing against a camera that never stops moving

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.

social prooflightcollageparallaxperspectivegradientcards
What you can change — 7 settings

Everything below can be changed without touching the animation. Hand the list to an agent, or edit the values at the bottom of the component file.

  • Message *
    message · string

    The hero message in the front window. This is the thing the frame is bragging about.

    now: Mom I hit 500k views across both the platforms!!

  • Reply *
    reply · string

    The reply under it, in the received bubble.

    now: I'm so proud of you!

  • Stat a
    statA · string

    First engagement figure on the post card.

    now: 1.4K

  • Stat b
    statB · string

    Second engagement figure on the post card.

    now: 207K

  • Reactions
    reactions · string

    Reaction line under the stacked avatars.

    now: You and 1,902 others

  • Window title
    windowTitle · string

    Title in the front window's chrome.

    now: Mom

  • Brand
    brand · string

    Brand token id — one of the keys of BRANDS. The ground is built from accent and accentAlt, so vivid brands read best.

    now: paper

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-card-collage.tsx
Frame1920×1080
Duration150f · 5s @ 30fps

Provenance

ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT

Prompt

An opening frame where app windows and social cards float in front of a big saturated colour field. Place the cards at real depths with a z translation rather than by scaling them, so a slow camera drift makes them parallax against each other. Nearer cards get wider softer shadows, far ones a touch of defocus. The colour ground should drift on its own, and everything sits under grain and a vignette.

Similar components

iMessage Share — A light message thread that grows from the bottom, with a video attachment card and a tapback on the last bubble

iMessage Share

9:16 · 5s

Karaoke Captions — Word-timed captions where the spoken word pops onto an accent block and its neighbours dim, in a fixed-height row that never reflows

Karaoke Captions

9:16 · 8s

Reel Hook Frame — A vertical opener whose hook lands inside twenty frames, laid out clear of the platform's top and bottom chrome

Reel Hook Frame

9:16 · 5s

Post Card — A generic social post card with a drawn check and icons, scaling in on the surface while its metrics count up

Post Card

1:1 · 5s