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 terminal animations

A terminal that types its own commands and prints real output, plus the code and LED-screen shots that go with it — all in React, no screen recording.

The install line is the product for a lot of developer tools, and filming a real terminal means a real cursor, a real font and a real mistake in take four. Terminal Simulator types the command and prints the output you give it, deterministically, at whatever speed reads.

Use it for the command itself. Use String Hero when the shot is a line of code whose content is the headline, and LCD Type when you want the pixels of the screen to be visible — a type specimen rather than a shell.

Because the output is data and not a recording, the same component renders a different transcript per video, which is the point of doing it in code.

The components

One free Remotion terminal animation, plus 3 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/terminal-simulator

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 terminal animation to a Remotion project?

Every Remotion terminal animation here installs with the shadcn CLI — npx shadcn@latest add @snapcn/terminal-simulator copies Terminal Simulator 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 terminal animations free?

1 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 terminal 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.