MOTIONSTASH
All components

Logo Marquee Row

Logo & brand

A trusted-by wall of drawn marks gliding leftward between two hairlines on a mathematically exact loop, soft-masked at both frame edges

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.

marqueelogo walltrusted byseamless looptickersocial proofinfinite scroll
What you can change · 8 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.

  • Label
    label · string

    The quiet mono label above the strip. Two to four words: 'Trusted by', 'Shipping with', 'In production at'.

    now: Trusted by

  • Logos *
    logos · array

    The wall, in reading order. Six to ten is the sweet spot. Note the trade: the strip travels its own full length over the clip, so a longer list is a faster glide. Trim the list, or drop `showNames`, to slow it down.

    now: 8 items

  • Meta
    meta · string

    Small mono line hung off the strip's bottom-right corner, e.g. 'Selected partners'. Omit for a barer frame.

    now: Selected partners

  • Show names
    showNames · boolean

    Set the name beside each mark. False gives a marks-only wall, anonymous, tighter, and a slower loop because the pattern is shorter.

    now: true

  • Spacing
    spacing · number

    Multiplier on the gap between cells. Below 1 the wall reads as a dense ticker; above 1.4 as a sparse, luxury strip. It also scales the loop's length, and therefore its speed.

    now: 1

  • Cycles
    cycles · number

    How many times the strip travels its own length across the clip. Whole numbers only. That integer is what makes the last frame land exactly back on the first frame's offset, so the clip can be looped without a jump. 1 is a calm glide, 2 a brisk ticker.

    now: 1

  • Edge fade
    edgeFade · number

    Width of the soft gradient mask at each end of the strip, as a fraction of the frame width. 0.12 is enough to swallow a cell; 0 gives a hard crop at the frame edge, which looks broken.

    now: 0.12

  • Brand
    brand · string

    Brand token id, one of the keys of BRANDS.

    now: slate

For developers · source, dependencies and provenance

Dependencies

remotion@remotion/shapeszod

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

Source

Filesrc/registry/items/logo-marquee-row.tsx
Frame1920×1080
Duration240f · 8s @ 30fps

Provenance

ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT

Prompt

A 'trusted by' logo marquee that loops seamlessly. Eight abstract company marks drawn from circles, triangles, rounded rects and arcs, each with the company name in mono beside it, sliding leftward at a constant speed between two hairlines. Duplicate the row so the seam never shows and make the loop exact, the last frame has to land back on the first frame's offset. Keep the marks muted, fade the strip out into the frame edges with a soft gradient, and put a quiet mono label above it.