Logo Ticker

An infinite-scrolling logo marquee with edge-fade mask and optional stats row. Perfect for social proof sections.

Features

Infinite scroll — CSS-only seamless loop animation
Edge fade — Gradient mask fades logos at edges
Self-contained — Keyframes included — no global CSS needed
Theme-aware — Logos invert for dark/light mode
Fallback text — Shows brand name when no logo image provided
Per-logo scale — Fine-tune individual logo sizes with the scale prop for square or tall logos
Image guidelines — SVG preferred. PNG/WebP at 200px+ wide. Horizontal logos work best. Monochrome recommended.

Prop	Type	Default	Description
logos	LogoItem[]	-	Array of logo objects with name and optional src/width/height
speed	number	30	Animation speed in seconds
className	string	-	Additional className

An infinite-scrolling logo marquee with edge-fade mask and optional stats row. Perfect for social proof sections.

Infinite scroll — CSS-only seamless loop animation
Edge fade — Gradient mask fades logos at edges
Self-contained — Keyframes included — no global CSS needed
Theme-aware — Logos invert for dark/light mode
Fallback text — Shows brand name when no logo image provided
Per-logo scale — Fine-tune individual logo sizes with the scale prop for square or tall logos
Image guidelines — SVG preferred. PNG/WebP at 200px+ wide. Horizontal logos work best. Monochrome recommended.

Prop	Type	Default	Description
logos	LogoItem[]	-	Array of logo objects with name and optional src/width/height
speed	number	30	Animation speed in seconds
className	string	-	Additional className