Carousels & Tickers
Logo Ticker
CSS-only infinite marquee of client/partner logos that loops seamlessly in either direction and pauses on hover or focus.
$ velocityx add logo-tickerBuilt for astro.
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| logos | LogoItem[] | Yes | ||
| direction | 'left' | 'right' | No | 'left' | |
| speed | number | No | 28 | |
| grayscale | boolean | No | true | seconds for one full loop |
File this creates
The CLI writes this path into your project, relative to its root — nothing else moves.
components/velocity/logo-ticker/LogoTicker.astroUsing the Logo Ticker component
Install it with velocityx add logo-ticker.
The CLI writes the source straight into your project — no runtime dependency, no registry
lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.
Related components
More from Carousels & Tickers.
Top-of-page rotating announcement bar with dot indicators and a session-persistent dismiss control, vanilla JS only.
astroFramework-free vanilla-JS one-up carousel for arbitrary slotted content, with arrows, dots, keyboard and swipe.
astroBreaking-news style ticker with a fixed live tag and a CSS-only infinite-scrolling headline marquee.
astroCSS-only infinite marquee of stat tiles with a count-up animation triggered on scroll-into-view.
astro