Marquee blocks
Infinite horizontal scrolls, logo clouds, testimonial marquees.

Infinite horizontal logo marquee with mask-faded edges and a hover-to-slow speed control, licensed MIT. Good for a client or integrations strip under a hero. Needs at least 6 to 8 logos of similar visual weight or the loop will look sparse and uneven.

Two rows scrolling opposite directions with edge fade masks, classic social-proof section. Pure CSS animation, no framer-motion needed. Swap in real client testimonials, never fabricate quotes.

Tilted CSS-perspective wall of marquee columns, high visual impact for a portfolio or agency landing page. Heavier than the flat marquee, test on low-end mobile before shipping. Not for content-dense B2B pages.

Pure CSS infinite marquee, duplicate the logo group once so the loop is seamless and pause on hover so a visitor can read a name. Swap the text chips for real logo SVGs/images at matched heights.

Two-copy trick: duplicate the track content, translate -50%, loop forever. No JS at all, and it survives resize because it moves the track, not the container.

Same trick, but paused when the mouse is over it — lets people actually read the items. One CSS rule, no JS.

Nav's brand-trust strip: infinite horizontal scroll, edges masked with a linear-gradient so logos fade in/out, individual logos come back to full color on hover, whole track pauses on hover. Swap the text nodes for `<img>` tags in real use.
Want your site’s marquee blocks to look this good?
We build full sites with blocks like these.