Ditch the static logo row. This component scrolls your logos and text in a seamless, draggable marquee — with color control down to a single flat tint, even on multicolor originals.
Client and partner logo walls, trust bars, sponsor strips, tech-stack showcases, and any "as seen in" or "trusted by" section that needs to feel alive instead of static.
Drag and drop the component onto your canvas.
Add your logos (and optional text) to the Logos array.
Choose horizontal or vertical, set your speed, and pick an entrance and hover effect.
Customize appearance — tint, padding, radius, border, shadow — to match your brand.
True monotone tinting — force any multicolor logo to one flat color via masking, not a filter hack that only works on black or white
Reveal-on-hover restores original colors with a smooth cross-fade
Seamless infinite loop in either direction, fully draggable with momentum
Edge-proximity steering — nudge the scroll toward whichever edge the cursor nears
Edge fade via true transparency or a solid color match to your background
Native Framer Motion transitions for both entrance and hover, springs included
Horizontal or vertical layout with full alignment control
Optional text alongside or instead of logos, using native Framer typography controls
One animation loop, GPU-composited — frozen correctly on canvas and during export
Fully accessible — duplicate loop copies hidden from screen readers, motion pauses on hover and keyboard focus
Ditch the static logo row. This component scrolls your logos and text in a seamless, draggable marquee — with color control down to a single flat tint, even on multicolor originals.
Client and partner logo walls, trust bars, sponsor strips, tech-stack showcases, and any "as seen in" or "trusted by" section that needs to feel alive instead of static.
Drag and drop the component onto your canvas.
Add your logos (and optional text) to the Logos array.
Choose horizontal or vertical, set your speed, and pick an entrance and hover effect.
Customize appearance — tint, padding, radius, border, shadow — to match your brand.
True monotone tinting — force any multicolor logo to one flat color via masking, not a filter hack that only works on black or white
Reveal-on-hover restores original colors with a smooth cross-fade
Seamless infinite loop in either direction, fully draggable with momentum
Edge-proximity steering — nudge the scroll toward whichever edge the cursor nears
Edge fade via true transparency or a solid color match to your background
Native Framer Motion transitions for both entrance and hover, springs included
Horizontal or vertical layout with full alignment control
Optional text alongside or instead of logos, using native Framer typography controls
One animation loop, GPU-composited — frozen correctly on canvas and during export
Fully accessible — duplicate loop copies hidden from screen readers, motion pauses on hover and keyboard focus
Joshua Roberts
