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",

Quote Story

Vertical quote card with elegant author reveal for social media stories.

Duration8s
Resolution1080 × 1920
Frame rate30 fps
Frames240

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