Render CLI
npx remotion render remotion/index.tsx TeamGrid output.mp4 --codec=h264
Composition code
import { AbsoluteFill, useCurrentFrame, interpolate, Easing } from "remotion";
import { Users, User, ExternalLink } from "lucide-react";
const TEAM = [
{ initials: "AK", name: "Alex Kim", role: "CEO & Founder", color: "#34c759" },
{ initials: "SL", name: "Sarah Lin", role: "Head of Design", color: "#ff2d55" },
{ initials: "MT", name: "Marco Torres", role: "Lead Engineer", color: "#5856d6" },
{ initials: "YC", name: "Yuki Chen", role: "Product Manager", color: "#ff9500" },
{ initials: "RB", name: "Ryan Blake", role: "Marketing Lead", color: "#32ade6" },
{ initials: "NP", name: "Nina Park", role: "Data Scientist", color: "#af52de" },
];
Team Grid
Animated team member grid with staggered card entrances for company introductions.
Duration8s
Resolution1920 × 1080
Frame rate30 fps
Frames240
This is a free, open-source template. Copy the code and drop it into your Remotion project.