Social Proof
Follower counts, notifications and community milestones — the beat of a video that says other people are already here.
Reach for this category when the point of the shot is that other people showed up: the follower count climbing, the notifications stacking, the wall of faces. It is the beat that sits between the demo and the call to action — and the one that is hardest to fake convincingly with a screen recording.
The components
2 free Remotion social proof animations, plus 3 in Pro. Each card plays its own default scene — open one for its props, the source file shadcn add writes, and a player you can scrub frame by frame.
Install
Components are installed into your own Remotion project with the shadcn CLI, and the file it writes is yours to edit — there is no snapcn package to depend on. Set the registry up once, then add components by name:
$ pnpm dlx shadcn@latest add @snapcn/channel-threadNeeds an existing Remotion project and a components.json. Two-minute setup if this is your first snapcn component.
That writes components/snap-cn/channel-thread.tsx. Swap the name for any other component on this page.
Put it on screen
Every prop has a working default, so the component renders as soon as it is mounted — give it a composition and you have a video:
// src/Root.tsximport { Composition } from "remotion";import { ChannelThread } from "@/components/snap-cn/channel-thread";export const RemotionRoot = () => ( <Composition id="ChannelThread" component={ChannelThread} durationInFrames={110} fps={30} width={1280} height={720} />);durationInFrames is the length ChannelThread is choreographed for — 110 frames at 30 fps. Cut it short and the animation is cut short with it. To use one as a beat inside a longer video, mount it in a <Sequence>of the same length instead of giving it a composition of its own. Each component's page lists its props; they are all plain values, so anything you can compute you can animate.
Next
- Installation — the one-time registry setup, and the Remotion project it needs.
- All components — the full gallery, filterable across every category.
- Agent skill — hand snapcn to a coding agent so it picks the right component itself.
Frequently asked questions
How do I add a Remotion social proof animation to a Remotion project?
Every Remotion social proof animation here installs with the shadcn CLI — npx shadcn@latest add @snapcn/channel-thread copies Channel Thread 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 social proof animations free?
2 of them are MIT-licensed and free to use commercially; the other 3 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 social proof 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.