Skip to content

Carousels & Tickers

Timeline Slider

Horizontal year-marker timeline with a filling progress line, clickable markers and a content panel for the active event.

SubscriptionIncluded with the Velocity Components subscription.
$velocityx add timeline-slider
Props & docs

Needs a licence key — subscribe here, then velocityx loginonce.

AstroReactTailwind CSSNew

Timeline Slider

Timeline Slider

Live preview of the Timeline Slider component

Founded

Started as a two-person studio shipping landing pages.

The code ships with Velocity.

Every component's full source — copy-paste ready, yours to edit — comes with any Velocity package. Buy once, own the code forever.

Get Velocity X — from $1,250 See all packages →

Using the Timeline Slider component

Every Velocity component is plain Astro or React markup styled with Tailwind utility classes. There is no proprietary runtime and no design-system wrapper to adopt — the component inherits whatever colour and type tokens your project already defines.

Read the component docs All 589 components

More Carousels & Tickers components

Browse all →

Vertical Updates Ticker

Vertical auto-advancing news/updates ticker with manual step controls and an explicit pause toggle.

Stat Ticker

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

Auto-Advancing Carousel with Progress Bars

Auto-advancing carousel where segmented progress bars double as slide indicators, with pause-on-hover and a play/pause control.

Carousel Indicator Variants

One slide engine with three swappable indicator styles — dots, prev/next arrows only, or a numeric counter.

Coverflow 3D Slider

3D coverflow-style carousel using CSS perspective and rotateY transforms, with a flattened fallback under reduced motion.

Stacked Card Swipe Deck

Tinder-style stacked card deck that tracks pointer drag and flies off past a threshold, with explicit accept/reject buttons as a non-drag path.