Render CLI

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

Composition code

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

interface TypewriterQuoteTemplateProps {
  quote?: string;
  author?: string;
  text?: string;
  authorName?: string;
}

export const TypewriterQuote: React.FC<TypewriterQuoteTemplateProps> = (props) => {
  const quote = props.quote ?? props.text ?? "The best time to plant a tree was 20 years ago. The second best time is now.";

Typewriter Quote

Typewriter-style animated quote reveal with clean Apple Light Mode typography.

Duration8s
Resolution1920 × 1080
Frame rate30 fps
Frames240

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