Formula Won Labs

Marquee blocks

Infinite horizontal scrolls, logo clouds, testimonial marquees.

7 blocks
Mask-faded infinite logo marquee
Mask-faded infinite logo marquee

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-row horizontal testimonial marquee
Two-row horizontal testimonial marquee

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.

3D perspective marquee wall
3D perspective marquee wall

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.

Infinite scrolling logo cloud
Infinite scrolling logo cloud

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.

Marquee (infinite)
Marquee (infinite)

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.

by FWONview →
Marquee (pause on hover)
Marquee (pause on hover)

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

by FWONview →
Logo cloud (grayscale)
Logo cloud (grayscale)

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.

by FWONview →

Want your site’s marquee blocks to look this good?

We build full sites with blocks like these.