# [snapcn](<https://snapcn.dev/>)

[snapcn.dev](<https://snapcn.dev/>)

shadcn registry of Remotion components for React video. Install with the CLI and you own the code. Free MIT components, with a paid Pro tier.

[Development](<https://creatorstoolbox.com/communities/development>)[Open Source](<https://creatorstoolbox.com/communities/open-source>)[Animation & Motion](<https://creatorstoolbox.com/communities/animation>)[Video & Film](<https://creatorstoolbox.com/communities/video>)[Productivity](<https://creatorstoolbox.com/communities/productivity>)

## About snapcn

snapcn is a shadcn registry of Remotion components for React video, from Shadcn Labs. The free set covers text animations, captions, logo stings, device mockups, and scenes. You install one with the shadcn CLI and the source is copied into your project, the same way shadcn/ui copies interface components.

You need a Remotion project first, from npx create-video@latest, with a components.json. A command such as npx shadcn@latest add @snapcn/text-reveal writes the file under components/snap-cn/, or wherever components.json points. The components use useCurrentFrame, interpolate, and spring.

Styles come through a theme prop, because CSS custom properties do not survive a Remotion render, so Tailwind is not required. The browser preview and the exported file are the same component. Anything that renders Remotion can render them, including npx remotion render, the SSR APIs, and Remotion Lambda. 52 components are free and MIT.

The browser editor exports those at 720p with a small snapcn mark. Saved projects need a sign-in. There is no account or key required to install the free components.

An agent skill installs with npx skills add snapcndev/snapcn. The pricing page lists 7 free skills for Claude Code, Cursor, and Gemini CLI, and puts the snapcn MCP server on Pro. Pro is the other 72 components, the MCP server and its one-click plugins, video templates, and watermark-free 1080p exports.

For the United States, the pricing page showed Pro at about $129 a year, with 13 of 50 places left at that price, a lifetime at about $249 once, and a commercial license for up to five people at $499 once. The billing country sets the final price. VAT and sales tax are added at checkout where they apply, and sales are final.

Pricing: 52 components are free and MIT, with 720p editor exports that include a snapcn mark. For the United States, Pro was about $129 a year, lifetime about $249 once, and a five-person commercial license $499 once. Billing country sets the final price. Verified November 2, 2026.

Pricing model: Freemium

## Features

- 52 free MIT Remotion components, copied into your project

- Install with npx shadcn@latest add, after create-video

- Theme prop styles, so Tailwind is not required

- Render with Remotion, including npx remotion render and Lambda

- Pro adds 72 components, the MCP server, and watermark-free 1080p

## FAQs

Common questions about snapcn

Do I need Remotion first?

Yes. npx create-video@latest starts the project. snapcn then installs into it with the shadcn CLI once you have a components.json.

What stays free?

52 components are MIT. You can install them with no account or key, and render them locally with npx remotion render. Editor exports of the free set are 720p and include a small snapcn mark.

What does Pro add?

The 72 Pro components, the MCP server, video templates, and watermark-free 1080p exports. The United States prices shown were about $129 a year, about $249 once, or $499 once for up to five people.

## Similar products

- [![Remocn](<https://creatorstoolbox.com/images/logos/remocn-38b16a8c699353a8148801bacfddeaf3a5a53f5c3f47d89337bc257a32c08450.svg>)

Remocnremocn.dev

An open-source component registry for building product demo videos with Remotion and AI coding agents.](<https://creatorstoolbox.com/products/remocn>)

- [![HeyGen](<https://creatorstoolbox.com/images/logos/heygen-8fee59435fdecee46f82aa905db0712971302b9fa89308c26965ebf8bbf94dbf.jpg>)

HeyGenheygen.com

Talking-head videos from AI avatars — pick from hundreds or build your own from a clip, script in 40+ languages, and translate with lip sync intact.](<https://creatorstoolbox.com/products/heygen>)

- [![Recordly](<https://www.google.com/s2/favicons?domain=recordly.dev&sz=128>)

Recordlyrecordly.dev

Open-source screen recorder with auto-zoom, motion blur cursors, and minimal interface — a free alternative to Screen Studio.](<https://creatorstoolbox.com/products/recordly>)

- [![OpenShorts](<https://www.google.com/s2/favicons?domain=openshorts.app&sz=128>)

OpenShortsopenshorts.app

Free open-source clip generator and AI UGC video creator for TikTok, Reels, and Shorts.](<https://creatorstoolbox.com/products/openshorts>)

- [![cobalt](<https://creatorstoolbox.com/images/logos/cobalt-3ad1ad52216fe45b0f9191df14b97dbdd41e79a3c33668fc10f141737b5cab0b.jpg>)

cobaltcobalt.tools

Free, open-source media downloader — paste a link from YouTube, X, TikTok, Instagram, Reddit, or 20+ other sites and save the file with no ads, tracking, or paywalls.](<https://creatorstoolbox.com/products/cobalt>)

- [Stageshowbenji.org

Free MIT-licensed agent skill for faux product UI stills, cursor animations, and bento grids, in React and plain CSS.](<https://creatorstoolbox.com/products/stageshow>)

---
Canonical source: https://creatorstoolbox.com/products/snapcn