LogoMarquee gives your Framer site a smooth, infinitely scrolling strip of logos. Add client logos, partner marks, press logos, integrations, tools, or customer brands, then control the direction, speed, spacing, logo height, edge fade, hover pause, and visual styling. It is ideal for building trust sections without manually designing a looping animation.
Add an array of logo images with optional per-logo size adjustment, so logos with different shapes or built-in whitespace can be visually balanced. Logos are scaled to a consistent height while keeping natural width, which preserves each logo’s proportions and keeps spacing even. The marquee scrolls left or right at a configurable pixel-per-second speed. The loop is seamless because the component measures the actual logo group width and animates the track by exactly that distance. Logo groups are duplicated enough times to cover the viewport, preventing gaps during the loop. Soft edge fades use a CSS mask gradient, so logos fade smoothly at the sides without extra overlay elements. Optional entrance reveal adds a premium fade-up and sharpen effect on mount. Hover pause freezes the marquee exactly where it is. Optional hover pop lets individual logos lift and scale on hover. Styling controls include logo height, gap, horizontal padding, vertical padding, background color, fade width, fade intensity, grayscale, blur, and opacity. Motion is disabled in Framer’s static renderer and for users who prefer reduced motion.
Add LogoMarquee to your Framer canvas and upload your logo images in the property panel. Use transparent PNGs or SVG-style logo assets for the cleanest result. Adjust the base logo height, then use each logo’s size control to balance marks that look too small or too large. Set the scroll direction, speed, gap, padding, and edge fade. Enable grayscale for a more neutral trust strip, or keep logos in full color for partner and integration sections.
LogoMarquee gives your Framer site a smooth, infinitely scrolling strip of logos. Add client logos, partner marks, press logos, integrations, tools, or customer brands, then control the direction, speed, spacing, logo height, edge fade, hover pause, and visual styling. It is ideal for building trust sections without manually designing a looping animation.
Add an array of logo images with optional per-logo size adjustment, so logos with different shapes or built-in whitespace can be visually balanced. Logos are scaled to a consistent height while keeping natural width, which preserves each logo’s proportions and keeps spacing even. The marquee scrolls left or right at a configurable pixel-per-second speed. The loop is seamless because the component measures the actual logo group width and animates the track by exactly that distance. Logo groups are duplicated enough times to cover the viewport, preventing gaps during the loop. Soft edge fades use a CSS mask gradient, so logos fade smoothly at the sides without extra overlay elements. Optional entrance reveal adds a premium fade-up and sharpen effect on mount. Hover pause freezes the marquee exactly where it is. Optional hover pop lets individual logos lift and scale on hover. Styling controls include logo height, gap, horizontal padding, vertical padding, background color, fade width, fade intensity, grayscale, blur, and opacity. Motion is disabled in Framer’s static renderer and for users who prefer reduced motion.
Add LogoMarquee to your Framer canvas and upload your logo images in the property panel. Use transparent PNGs or SVG-style logo assets for the cleanest result. Adjust the base logo height, then use each logo’s size control to balance marks that look too small or too large. Set the scroll direction, speed, gap, padding, and edge fade. Enable grayscale for a more neutral trust strip, or keep logos in full color for partner and integration sections.
Spyridon Merkouris
