Dashboard waking up

Active users

0↑ +18%

Render time

0s↓ -12%

Install

$ npx remotion-ui@latest add dashboard-populate

Dashboard Populate.

1920×1080 metric ticker then animated bar chart, fading between beats.

Agent notes

Install first, then import the copied source component locally. AI guide →

Import

@/compositions/dashboard-populate

Use when: complete video templates that can be customized as source.
Customize: metrics, barData, metricsTitle, chartTitle, plus copied source for timing, layout, colors, and typography.
Rule: do not import this component from the remotion-ui npm package; it is copied into your project.

Example

import { DashboardPopulate } from "@/compositions/dashboard-populate";

<DashboardPopulate metrics={metrics} barData={barData} />

Prop	Type	Default	Description
metrics	MetricTickerItem[]	-	Metric cards shown in the opening ticker beat.
barData	ChartDatum[]	-	Bars charted in the closing beat.
metricsTitle	string	"Dashboard waking up"	Title over the metric ticker beat.
chartTitle	string	"Weekly throughput"	Title over the bar chart beat.
backgroundColor	string	"#080810"	Scene background color.