Logo 01

About this block

Logo 01 is a logo cloud section with two rows of partner or customer logos that scroll continuously in a marquee, one row left and one right. Built with shadcn/ui Card and a Magic UI marquee component, the animation runs on CSS transforms rather than JavaScript, keeping it lightweight.

When to use it

• Placing directly after a hero section to build trust through brand association
• Products with several recognizable customers or integration partners worth displaying
• Landing pages where static logo grids feel dated and a subtle motion element adds polish
• Sites that want social proof without requiring visitors to read customer names individually

Notes

Use consistent logo sizing and monochrome/greyscale versions where possible so the row reads as one cohesive strip rather than a mismatched collage. Duplicate a few logos at the end of each row to avoid a visible gap in the loop.

Frequently asked questions

Does the marquee use JavaScript to animate?

No, like Testimonial 01 it runs on CSS transforms, which keeps it lightweight and performant.

Can I use real customer logos, or does it require permission?

Get permission or use logos you're authorized to display — Logo 01 doesn't include any placeholder brand assets, only the scrolling layout.

Why do the two rows scroll in opposite directions?

Purely a visual choice — opposite directions read as more dynamic and help the section feel less like a static list.