LogoMarquee

An endless, pausable strip of logos with labels, for showing integrations or supported providers.

import { LogoMarquee } from '@lobehub/ui/awesome';

NPM Source Edit

Landing

Default

Items accept an icon component such as OpenAI from @lobehub/icons, or any React node. The strip pauses on hover and stops when reduced motion is preferred.

Loading preview

APIs

LogoMarquee properties

caption

null | string | number | bigint | false | true | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<AwaitedReactNode>

Caption below the track, e.g. a link to the icon catalog.

duration

number

Seconds for one full loop.

Defaults to 28.

gap

number

Gap between items in pixels.

Defaults to 36.

iconOnly

boolean

Hides the text labels and shows icons only.

Defaults to false.

iconSize

number

Defaults to 18.

itemsRequired

LogoMarqueeItem[]

maxWidth

string | number

Max width of the visible track.

Defaults to 640.

Also accepts all native HTML and ARIA attributes.