The Client Logo Carousel Block: A Partner Row That Keeps Moving

Turn a row of client logos into a strip that scrolls on its own — seamless, sized per breakpoint, and quiet until someone looks at it.

The logo row that keeps coming back to you

You finish a client site and the last band before the footer never settles. Six partner logos, every one a different width, half of them PNGs with baked-in white space. In a grid it looks right on your monitor and stacks into a six-screen column on a phone. Then the client signs a new partner, emails you the logo, and the job comes back to you.

The Client Logo Carousel block turns that band into a strip that moves on its own. You add the logos in the sidebar, say how many are visible at once, and the row loops without a seam.

Five logos in view, drifting left, edges faded into the page. Hover the strip and it stops; hover a logo and its colour comes back.

What you get to decide

Give every logo its own alt text and link — the strip names the brand for screen readers and can point visitors at that partner.
Choose the direction, the seconds per loop and whether it pauses on hover — or switch autoplay off for a static strip.
Set logos per view, gap and logo height per breakpoint — five across on a desktop, two on a phone, never a tower.
Hold the logos in grayscale until someone points at one, with a small lift as it wakes up.
Fade the left and right edges in your section’s colour, and fade the block in as it scrolls into view.
Plus the usual spacing, colour and responsive controls, so it fits your design instead of fighting it.

Under the hood

Most of what goes wrong with a moving strip is invisible on your own machine and obvious to the next visitor.

Visitors who ask their device for less motion get a strip that stands still, and it stays scrollable so every logo is reachable.
The seamless loop needs a second copy of each logo; that copy is hidden from screen readers and skipped by the Tab key.
Reaching a logo link by keyboard pauses the strip and draws a visible focus ring; images load as the row arrives.
Every colour has a light and a dark counterpart, and the styling is worked out when you save the page.

Two more ways to set the same row

Full colour, drifting right, twice as quick. The same six logos with grayscale switched off.

Autoplay off, six logos in view. Nothing moves until the visitor drags the row.

Setting it up takes about a minute. Drop the block in, add a logo, choose the image, type the brand name into the alt field, repeat. The strip scrolls in the editor as you go, so you feel the speed before you publish. No CSS, no shortcode, nothing to remember.

It sits in the same editor, next to the blocks you already use, and shares the same spacing, colour and responsive controls — it just needs Flexa Block switched on alongside it.

Give your partner row somewhere to go

Add the Client Logo Carousel to your next build and hand over a logo strip the client can keep up to date.

More articles

Keep reading

Other guides from the Flexa Blocks library.

48 posts found