Render CLI
npx remotion render remotion/index.tsx QuoteStory output.mp4 --codec=h264
Composition code
import { AbsoluteFill, useCurrentFrame, interpolate, Easing } from "remotion";
import { Quote, User } from "lucide-react";
const QUOTE = "Code is poetry. Motion is music. Together, they tell stories that data alone never could.";
const AUTHOR = "Alex Kim";
const ROLE = "CEO, SwiftClip";
export const QuoteStory: React.FC = () => {
const frame = useCurrentFrame();
const bgOpacity = interpolate(frame, [0, 20], [0, 1], {
extrapolateLeft: "clamp",Duration8s
Resolution1080 × 1920
Frame rate30 fps
Frames240
This is a free, open-source template. Copy the code and drop it into your Remotion project.