Velocity X Components

Carousels & Tickers

Horizontal News Ticker

Breaking-news style ticker with a fixed live tag and a CSS-only infinite-scrolling headline marquee.

Free MIT licensed. Install it with the CLI — no account, no key.
bash 
$ velocityx add news-ticker-horizontal

Built for astro.

Full docs for Horizontal News Ticker →

astro v1.0.0
Horizontal News Ticker
Updates
v9.3 shipped — 25 new carousel componentsDark mode contrast pass completeNew case study: Nova Studio rebrand
v9.3 shipped — 25 new carousel componentsDark mode contrast pass completeNew case study: Nova Studio rebrand

Props

NameTypeRequiredDefaultDescription
tagstringNo'Live'
itemsNewsItem[]Yes
speednumberNo26

File this creates

The CLI writes this path into your project, relative to its root — nothing else moves.

text 
components/velocity/news-ticker-horizontal/NewsTickerHorizontal.astro

Using the Horizontal News Ticker component

Install it with velocityx add news-ticker-horizontal. 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.

All 406 components

Related components

More from Carousels & Tickers.

Announcement Bar RotatorPro

Top-of-page rotating announcement bar with dot indicators and a session-persistent dismiss control, vanilla JS only.

astro
Generic Content CarouselPro

Framework-free vanilla-JS one-up carousel for arbitrary slotted content, with arrows, dots, keyboard and swipe.

astro
Logo TickerFree

CSS-only infinite marquee of client/partner logos that loops seamlessly in either direction and pauses on hover or focus.

astro
Stat TickerFree

CSS-only infinite marquee of stat tiles with a count-up animation triggered on scroll-into-view.

astro