snapcn
89 components
DocsComponentsTemplatesVideo EditorNewMCPNewRoadmapChangelog

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

41 MIT · 48 Pro · own your code.

© 2026 snapcn

Loading
snapcn
89 components
DocsComponentsTemplatesVideo EditorNewMCPNewRoadmapChangelog

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

41 MIT · 48 Pro · own your code.

© 2026 snapcn

DocsComponentsTemplatesVideo EditorNewMCPNewRoadmapChangelog
Getting startedIntroductionInstallationAgent skill

Remotion cursor animations

A synthetic mouse pointer that moves, hovers and clicks over any UI in a Remotion video — no screen recording, no real cursor to chase.

A demo reads as a demo when something is being used. A cursor that walks to a button and presses it does that in about forty frames, and it is the one thing a static screenshot cannot fake.

Cursor Track is the general case: give it waypoints over any children and it moves, eases, and presses. The others are scenes with a click already choreographed into them — Roster Grant clicks a call to action and switches a team on, Tap Through is the phone version.

Keep the path short. A pointer that wanders is a pointer the viewer is watching instead of the product.

The components

2 free Remotion cursor animations, plus 1 in Pro. Each card plays its own scene — open one for its props, the source shadcn add writes, and a player you can scrub frame by frame.

Install

Each one is copied into your own Remotion project by 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
$ pnpm dlx shadcn@latest add @snapcn/cursor-track

Needs an existing Remotion project and a components.json. Two-minute setup if this is your first snapcn component.

Swap the name for any other component on this page. Every prop has a working default, so it renders the moment it is mounted.

Frequently asked questions

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

Every Remotion cursor animation here installs with the shadcn CLI — npx shadcn@latest add @snapcn/cursor-track copies Cursor Track 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 cursor animations free?

2 of them are MIT-licensed and free to use commercially; the other 1 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 cursor 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.