A trusted-by wall of drawn marks gliding leftward between two hairlines on a mathematically exact loop, soft-masked at both 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.
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.
The quiet mono label above the strip. Two to four words: 'Trusted by', 'Shipping with', 'In production at'.
now: Trusted by
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
Small mono line hung off the strip's bottom-right corner, e.g. 'Selected partners'. Omit for a barer frame.
now: Selected partners
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
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
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
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 token id, one of the keys of BRANDS.
now: slate
No Tailwind, no CSS, no asset files. Inline styles only.
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.