Render CLI
npx remotion render remotion/index.tsx LowerThird output.mp4 --codec=h264
Composition code
import { AbsoluteFill, useCurrentFrame, interpolate, Easing } from "remotion";
interface LowerThirdTemplateProps {
headline?: string;
subheadline?: string;
name?: string;
title?: string;
}
export const LowerThird: React.FC<LowerThirdTemplateProps> = (props) => {
const headline = props.headline ?? props.name ?? "Craig Federighi";
const subheadline = props.subheadline ?? props.title ?? "Senior Vice President";Lower Third
Broadcast-style lower third with name and title slide-in animations for video productions.
Duration5s
Resolution1920 × 1080
Frame rate30 fps
Frames150
This is a free, open-source template. Copy the code and drop it into your Remotion project.
