Logo Cloud Marquee
A dual-row marquee logo cloud with opposite scroll directions. Uses react-fast-marquee with pause-on-hover and edge fade masks.
Brands love us
Aceternity UI is loved by the best companies who are serious about what they do.
Two rows of logos scroll horizontally using the react-fast-marquee library. The top row moves right while the bottom row moves left, creating visual interest through contrasting directions.
Both marquees pause when users hover over them, allowing closer inspection of individual logos. A CSS mask-image creates fade effects at the left and right edges, making logos appear to emerge from and disappear into transparent regions.
Logos maintain consistent sizing with object-contain. The dark:invert filter flips logo colors for dark mode compatibility. The bottom row uses a slower speed (30) compared to the default for visual variety.
Works well for homepage "brands" sections, partner pages, or any area where you want to display many logos without taking up vertical space.
More from Logo Clouds
Included with All-Access
One payment unlocks the code for this block and every other block, template and page.
Get All-AccessExplore more
About this block
Two rows of logos scroll horizontally using the react-fast-marquee library. The top row moves right while the bottom row moves left, creating visual interest through contrasting directions.
Both marquees pause when users hover over them, allowing closer inspection of individual logos. A CSS mask-image creates fade effects at the left and right edges, making logos appear to emerge from and disappear into transparent regions.
Logos maintain consistent sizing with object-contain. The dark:invert filter flips logo colors for dark mode compatibility. The bottom row uses a slower speed (30) compared to the default for visual variety.
Works well for homepage "brands" sections, partner pages, or any area where you want to display many logos without taking up vertical space.