Installation
Add a component with the shadcn CLI. Files land in src/reelcn/, ready to edit.
reelcn is a shadcn registry, not an npm package. The CLI copies one component file — and any sibling files it imports, like core.tsx — straight into your project. There's nothing to upgrade and nothing to depend on: the code is yours from the moment it lands.
Start a Remotion project
Any Remotion project works. If you don't have one yet:
npx create-video@latestAdd a component
Pick any item from the catalog and install it by URL. Every command below installs lower-third:
npx shadcn add https://www.reelcn.dev/r/lower-third.jsonThe file lands at src/reelcn/lower-third.tsx. The first three tabs need no components.json at all, and nothing here needs a path alias: a component's own imports (./core) are flat sibling files, so they resolve the same way in your project as they do in this one.
Check your Remotion versions
Every @remotion/* package has to match the remotion version in your project. shadcn installs each component's dependencies unpinned, so after adding one that pulls in a Remotion package — core needs @remotion/google-fonts, for instance — run:
npx remotion versionsIt lists your installed Remotion packages side by side and flags anything out of sync.
License
reelcn is MIT. It depends on Remotion, which has its own license. Individuals, non-profits and companies of up to 3 people use it free; larger companies need a Remotion Company License.