Signals
Metric Ticker
Animated KPI metric cards.
ScenesignalsAdvanced
Install
npx remotion-ui@latest add metric-tickerCompact metric cards for performance recaps and launch videos.
Live preview
AI usage
Install first, then import the copied source component locally.
Install
npx remotion-ui@latest add metric-tickerImport after install
@/remotion/scenes/metric-ticker- Use when: data stories, metrics, charts, and numeric proof points.
- Customize: metrics, title, plus copied source for timing, layout, colors, and typography.
- Rule: do not import this component from the
remotion-uinpm package; it is copied into your project.
Usage
import { MetricTicker } from "@/remotion/scenes/metric-ticker";
<MetricTicker metrics={[{ label: "Views", value: 120000, delta: "+32%" }]} />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| metrics* | MetricTickerItem[] | — | Up to three metric cards. |
| title | string | — | Scene title. |