Carousels & Tickers
Announcement Bar Rotator
Top-of-page rotating announcement bar with dot indicators and a session-persistent dismiss control, vanilla JS only.
$ velocityx add announcement-bar-rotatorBuilt for astro.
Full docs for Announcement Bar Rotator →
Needs a licence key —
subscribe here, then
velocityx loginonce.
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| messages | AnnouncementMessage[] | Yes | ||
| interval | number | No | 5000 | |
| dismissible | boolean | No | true | |
| storageKey | string | No | 'v-announcement-dismissed' |
File this creates
The CLI writes this path into your project, relative to its root — nothing else moves.
components/velocity/announcement-bar-rotator/AnnouncementBarRotator.astroUsing the Announcement Bar Rotator component
Install it with velocityx add announcement-bar-rotator.
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.
Framework-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.
astroCSS-only infinite marquee of stat tiles with a count-up animation triggered on scroll-into-view.
astro