Remotion Video template
Programmatic videos in React, rendered in CI.
npx create-nx-workspace@latest my-workspace --template nrwl/remotion-template
Create videos with React using Remotion. This monorepo ships an example composition, a reusable animation library, and Nx targets so you can preview in Remotion Studio locally and render videos as cached, distributable tasks in CI.
Highlights
Video as code
Compose videos with React components and data - version them, review them, and reuse them.
Reusable animations
A shared library of animation components and easings keeps your compositions DRY.
Render in CI
Renders become Nx tasks - cache them, run them on changed compositions only, and distribute them with Nx Cloud.
Quickstart
- Open Remotion Studio:
Terminal window npx nx run video:studio - Render the example video:
Terminal window npx nx run video:render - Visualize your monorepo's graph in the browser:
Terminal window npx nx graph
What's inside
apps/video- Remotion project with example compositionspackages/animations- reusable animation components and easings- Nx targets for studio + render
Speed up CI with Nx Cloud
Connect this monorepo to Nx Cloud to share one remote cache across your team and CI, and distribute tasks across machines as it grows.
- Remote caching shared across your team and CI
- Distributed task execution with Nx Agents
- Automated e2e test splitting
- CI that detects failures and proposes fixes
