Search
Search components and blocks
Logo Marquee
ProAn infinite row of logos for a works-with or integrations strip. The track loops seamlessly on a CSS animation, the edges fade out, hovering pauses it, and each logo lights up and grows under the pointer. Stack two rows and reverse one for a woven look. It stands still when the user prefers reduced motion.
Props
PropTypeDefault
items{ name: string; logo: ReactNode }[]—durationnumber30reversebooleanfalsepauseOnHoverbooleantruepausedbooleanfalseclassNamestring—When to use the logo marquee
Use it for a works-with or integrations strip. It is an infinite row of logos looping on a CSS animation.
Open the CLI tab on any preview above for the exact shadcn command. The source is copied into your project, so you can edit it like any other file.