Infinite Ticker

Symbols, values and up/down marks run past a fixed tag; scrolling speeds it up and scrolling back reverses it.

Install

Included with Creative: needs your API key. Initialize and log in once.

Terminal

npx @galactrex/ui add infinite-ticker

Usage

Example

import { InfiniteTicker } from "@/components/galactrex/infinite-ticker";

<InfiniteTicker items={[{ label: "GLTX", value: "$42.10", change: 1.2 }]} />

Source

Installs to components/galactrex/infinite-ticker.tsx, with the shared motion primitives beside it.

Source for this component comes with its plan. Install it with the command above, or open your licensed copy here.

See plans

Props

Prop	Type	Default	Description
`items`	`{ label; value?; change? }[]`	—	The tape.
`speed`	`number`	`50`	px per second at rest.
`scrollBoost`	`number`	`1.2`	Scroll influence, 0 to 3.
`tag`	`string`	`"Live"`	Fixed label.
`className`	`string`	—	Extra classes for the outer element.

Variants

Markets. Prices with changes.
Status. Service names and states.

Accessibility

Values listed once for assistive tech; up/down shown by symbol, not colour.

Motion and reduced motion

One transform per frame; pauses offscreen.
Reduced motion: still, scrollable.