Render CLI

npx remotion render remotion/index.tsx TutorialIntro output.mp4 --codec=h264

Composition code

import {
  AbsoluteFill,
  useCurrentFrame,
  interpolate,
  Easing,
} from "remotion";
import { Play, Clock } from "lucide-react";

interface TutorialIntroTemplateProps {
  headline?: string;
  durationLabel?: string;
  title?: string;

Tutorial Intro

Clean animated intro card for tutorials and online courses with title and chapter reveal.

Duration8s
Resolution1920 × 1080
Frame rate30 fps
Frames240

This is a free, open-source template. Copy the code and drop it into your Remotion project.