# Live Ticker
URL: https://remocn.dev/docs/numbers/live-ticker

A big comma-separated counter rolls its digits up like a live ticker with a feed above

- Install: `npx shadcn@latest add @remocn/live-ticker`
- Vibe: data
- Natural length: 133f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/live-ticker
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { LiveTicker } from "@/components/remocn/live-ticker";

const LiveTickerScene = () => (
  <LiveTicker
    value={12480312}
    unit="renders"
    kicker="Live"
    feed={["Lumen", "Kite", "Orbit"]}
  />
);

export const RemotionRoot = () => (
  <Composition
    id="LiveTicker"
    component={LiveTickerScene}
    durationInFrames={150}
    fps={30}
    width={1280}
    height={720}
  />
);
```

A large comma-separated counter rises into place with its columns already ticking, while dots and small pills slide in from both edges and get swallowed by the number, each giving it a bump. The streams then dry up, the columns brake and settle on `value`, and a label with a unit word and the product name rises beneath. Pass `value`, `unit`, `name`, `kicker` and `feed`. It ships light and dark through the `theme` prop.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `value` | `number` | `12480312` | Where the counter lands and freezes. |
| `unit` | `string` | `"renders"` | Serif italic word under the frozen number. |
| `name` | `string` | `"remocn"` | Product after "on"; "remocn" renders the real logo. |
| `logo` | `React.ReactNode` | — | Replaces the logo / name in the label. |
| `kicker` | `string` | `"Live"` | Small caps tag above the number while it runs. |
| `feed` | `string[]` | — | Customer names riding the transaction pills. |
| `accent` | `string` | `"#3B5BFD"` | Colour of the highlighted figures and the small marker dots. |
| `speed` | `number` | `1` | Playback speed multiplier; 1 is the designed pace. |
| `theme` | `"dark" \| "light"` | `"dark"` | Ships light and dark. |

## Use when
- A usage-scale beat where a giant counter ticks up in real time while a feed of customer pills streams in and is absorbed by the number.
- A 'millions served' claim such as 12,480,312 renders that must feel live, then freeze on the final figure with a 'Live on remocn' label.
- A social-proof moment where named customers and formats ride small pills into a running total.

## Don't use when
- You want a quiet, static figure with no streaming feed — use `compact-stat`.
- You want a count that adds in visible steps with carries — use `carry-count`.
- You want beat-locked steps on a music track — use `beat-count`.