# Remocn/remocn

Production-ready animations, transitions, backgrounds, and scenes for Remotion

Repository: https://github.com/Remocn/remocn
Canonical: https://ross.abutalabs.com/products/remocn
Homepage: https://remocn.dev
Language: TypeScript
License: MIT
License Family: permissive
Topics: motion-design, react, remotion, shadcn, video
Last push: 2026-08-21T15:09:32+00:00

## Health v2 (maintenance only)
Score: 58/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 98, release rhythm 35, longevity 10
- inputs: {"age_days": 148, "days_push": 12, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases, young
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1298, forks 62 (observed 2026-08-28T04:04:17.103137+00:00)

## What it is
Remocn is a shadcn-style copy-paste component registry for Remotion, providing production-ready animations, transitions, kinetic typography, shader backgrounds, animated icons, and scripted UI primitives for building videos in React. Components are added via `npx shadcn add` so you own the code, and an agent skill lets AI coding agents assemble product demo videos with a live browser preview.

## Use cases
- make a product demo video without After Effects
- add kinetic typography animations to a Remotion project
- copy-paste animated transitions between video scenes
- render deterministic WebGL shader backgrounds in Remotion
- script UI mockups like forms and chat flows on a video timeline
- build a launch or showcase reel with an AI coding agent
- animate icons and charts frame-by-frame for video

## When to choose
- you already use Remotion and want polished, deterministic animation primitives you own
- you're a solo builder or small team shipping a demo video quickly
- you want AI agents to compose videos from ready-made pieces

## When to avoid
- you need a full video editor with a timeline GUI rather than code
- your project doesn't use React or Remotion
- you want a runtime dependency instead of copied-in source code

## Facets
- artifact type: library
- maturity: active
- function: animation, ui-components, graphics, video-processing, templating
- domain: web-development, frontend, graphics, media, developer-tools
- platform: browser
- tags: remotion, shadcn-registry, copy-paste-components, motion-design, video-production, react, typescript, shaders, kinetic-typography, transitions, ai-agent-skill, nodejs, web-server

## Member repositories
- Remocn/remocn (main) score 58

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:17.103137+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T04:53:48.521109+00:00, confidence not recorded.
  - readme: https://github.com/Remocn/remocn (fetched 2026-08-28T04:04:17.103137+00:00, sha ec7635a92f7e)
  - homepage: https://remocn.dev (fetched 2026-08-29T12:10:32.051399+00:00, sha 05e6443bc895)
  - site_page: https://remocn.dev/docs/typography (fetched 2026-08-29T12:10:32.060594+00:00, sha d93562fbda16)
  - site_page: https://remocn.dev/docs/shaders/getting-started/introduction (fetched 2026-08-29T12:10:32.062446+00:00, sha 56ec15c3b0e4)
  - site_page: https://remocn.dev/docs/icons/gallery (fetched 2026-08-29T12:10:32.064040+00:00, sha ab5b2cb789a0)
  - site_page: https://remocn.dev/docs/guides/setup (fetched 2026-08-29T12:10:32.068823+00:00, sha 94f7a5cd771a)
  - site_page: https://remocn.dev/docs/transitions (fetched 2026-08-29T12:10:32.070459+00:00, sha 30515ca12aa8)
  - site_page: https://remocn.dev/docs/ui (fetched 2026-08-29T12:10:32.072144+00:00, sha 7c232d5f970e)
  - site_page: https://remocn.dev/docs/getting-started/introduction (fetched 2026-08-29T12:10:32.073674+00:00, sha bbad8b742c38)
  - site_page: https://remocn.dev/changelog (fetched 2026-08-29T12:10:32.065651+00:00, sha ae4516b24583)
- Data as of 2026-08-30T08:39:29.467469+00:00.