Data Motion.
Animated metrics and charts that stay honest.
Ten typed components and three complete scenes for analytics explainers, growth stories and report films. Shares the same theme and timing core as UI Motion Essentials, so both kits match.
Rendered from the kit's own example compositions with sample data. Music is added to this public preview only; the kit contains no music.
Three ready scenes
Render today.
Restyle in minutes.
Change the copy, data, theme and music grid through props. Each scene reports its own length.
- 01
Metrics overview
Three KPI cards with sparklines and a comparison trend with a highlighted week.
- 02
Growth story
A revenue curve draws while the headline number follows its tip, then two milestones are called out.
- 03
Breakdown
The same data as bars and as a donut, with a takeaway sentence computed from it.
What makes it different
Built like a studio
would build it.
- Honest by default
- Zero-inclusive rounded axes, a shared baseline, monotone curves that never overshoot the data, percentages that add up to 100.
- Numbers that read
- Locale formatting and tabular numerals. Count-ups ease from a baseline you choose, or track a line’s tip so the headline number always matches the chart.
- Lands on your music
- Draws, highlights and callouts are authored in bars and follow your track’s beat grid.
- Composed for 16:9 and 9:16
- Each scene has its own portrait layout; annotations stay inside the frame.
In the archive
10 components.
All typed and tested.
- Count-up
- KPI card
- Line chart
- Bar chart
- Donut chart
- Progress ring
- Funnel
- Comparison
- Annotation
- Title / chart card
What you get
TypeScript source for every component and scene, a Remotion Studio project with a 5-second preview per component, the full showcase in 1920 × 1080 and 1080 × 1920, unit tests, a five-minute setup guide and the bundled Geist / Geist Mono fonts (SIL Open Font License).
Good for: Product analytics explanations, investor and report films, data-led launch posts.
Before you choose it
Requires Node 24.19–24.x, npm and React/TypeScript familiarity. Pinned React 19.2.3 and Remotion 4.0.538; verified with a clean install on Fedora Linux. Dependencies download separately and keep their own licences, including Remotion's own eligibility terms.
Not a live spreadsheet or analytics connector. Line samples are evenly spaced; bar and donut values must be non-negative. You remain responsible for the accuracy, units and source of your data. No no-code editor, After Effects project, music files or custom production service is included.
Sales open once checkout and delivery are verified and the final seller, licence and refund details are published. An email enquiry does not take payment or reserve a copy.
Ask about the releaseComposed for 9:16
A separate layout.
Room to read.
The portrait version rearranges each scene for a tall frame, with the interface enlarged for phones. It is not a crop of the landscape film.
Prefer a finished film?
Your screens.
A scoped studio project.
Share one approved feature and where it will be used. Studio projects start at $39 for the published small scope; source kits and custom films are separate offers.
Start a project