Render with Remotion CLI
npx remotion render remotion/index.tsx MinimalTitle output.mp4
Composition code
import { AbsoluteFill, useCurrentFrame, interpolate, Easing } from "remotion";
export const MinimalTitle: React.FC = () => {
const frame = useCurrentFrame();
const word1Opacity = interpolate(frame, [30, 50], [0, 1], { extrapolateLeft: "clamp", extrapolateRight: "clamp" });
const word1Y = interpolate(frame, [30, 50], [50, 0], { extrapolateLeft: "clamp", extrapolateRight: "clamp", easing: Easing.out(Easing.cubic) });
const word2Opacity = interpolate(frame, [42, 62], [0, 1], { extrapolateLeft: "clamp", extrapolateRight: "clamp" });
const word2Y = interpolate(frame, [42, 62], [50, 0], { extrapolateLeft: "clamp", extrapolateRight: "clamp", easing: Easing.out(Easing.cubic) });
const word3Opacity = interpolate(frame, [54, 74], [0, 1], { extrapolateLeft: "clamp", extrapolateRight: "clamp" });
const word3Y = interpolate(frame, [54, 74], [50, 0], { extrapolateLeft: "clamp", extrapolateRight: "clamp", easing: Easing.out(Easing.cubic) });
Minimal Title
Ultra-clean serif typography on warm white — staggered word reveal with elegant decorative rules.
Duration5s
Resolution1920 × 1080
Frame rate30 fps
Frames150
Copy the code snippet into your Remotion project and run the render command to generate this template locally.
