Carousels & Tickers
Stat Ticker
CSS-only infinite marquee of stat tiles with a count-up animation triggered on scroll-into-view.
$ velocityx add stat-tickerBuilt for astro.
0+
Sites shipped
0%
Client retention
0
Components in stock
0
Days average build time
0+
Sites shipped
0%
Client retention
0
Components in stock
0
Days average build time
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| stats | StatItem[] | Yes | ||
| speed | number | No | 32 | |
| direction | 'left' | 'right' | No | 'left' |
File this creates
The CLI writes this path into your project, relative to its root — nothing else moves.
components/velocity/stat-ticker/StatTicker.astroUsing the Stat Ticker component
Install it with velocityx add stat-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.
astroCSS-only infinite marquee of client/partner logos that loops seamlessly in either direction and pauses on hover or focus.
astroBreaking-news style ticker with a fixed live tag and a CSS-only infinite-scrolling headline marquee.
astro