Logo Slider
Media & Content
An infinite-scrolling marquee of logos or brand icons with fade edges, pause-on-hover, configurable speed, and bidirectional support.
Loading preview...
Customize
Direction:
Speed (px/s)30
Pause on Hover
Gap (px)48
Props
| Prop | Type | Default | Description |
|---|---|---|---|
logos | ReactNode[] | — | Array of React nodes (text, images, SVGs) to display in the slider. |
speed | number | 30 | Scroll speed in pixels per second. |
pauseOnHover | boolean | true | Whether the slider pauses when hovered. |
direction | 'left' | 'right' | 'left' | Scroll direction of the marquee. |
gap | number | 48 | Gap between logos in pixels. |
className | string | '' | Additional CSS classes for the outer container. |