Go to Shadcn Labs/snapcn
101 components
DocsComponentsTemplatesVideo EditorNewMCPNewRemotion StudioNewRoadmapChangelog

Getting started

IntroductionInstallationAgent skill
GitHub

Star snapcn

Free, open-source components.

Production-ready Remotion animations, transitions and backgrounds — you own the code, free or paid.

Star on GitHubXFollow

46 MIT · 55 Pro · own your code.

© 2026 snapcn

DocsComponentsTemplatesVideo EditorNewMCPNewRemotion StudioNewRoadmapChangelog
Getting startedIntroductionInstallationAgent skill

Charts & Stats

Animated scatter plots, line and bar charts, unit charts and count-up counters — the shot where a product video shows its numbers.

Every launch video reaches the beat where a number has to land: installs this week, revenue, time saved. A screenshot of a dashboard reads as a still. These draw the chart on the frame clock instead, so the number arrives as part of the motion rather than sitting on top of it.

They are plain Remotion components — useCurrentFrame() and interpolate(), no chart library — so they render frame-exact to MP4, and the labels, totals and series are props: the numbers on screen are yours.

Everything in this category is part of snapcn Pro — and one Pro component is free with your email. Each card opens the component's own page, with the full demo, how it moves, and how it installs.

Frequently asked questions

How do I add a Remotion chart animation to a Remotion project?

Every Remotion chart animation here installs with the shadcn CLI — npx shadcn@latest add @snapcn/hex-tally copies Hex Tally into your project as a file you own, written against the plain Remotion API. There is no runtime package to keep installed.

Are snapcn's Remotion chart animations free?

0 of them are MIT-licensed and free to use commercially; the other 6 are part of snapcn Pro — $129 a year for the whole catalogue, or $249 once to own it outright.

Do I need Remotion to use a Remotion chart animation?

Yes. snapcn is a component registry, not a video framework — each component is a React component built on Remotion's useCurrentFrame() and interpolate(), so it renders inside an existing Remotion project.

Get the next component in your inbox

New free components as they ship, and the pro pack first when it lands. One email a week at most, never a sponsored one.