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.