Render CLI

npx remotion render remotion/index.tsx SplitReveal output.mp4 --codec=h264

Composition code

import { AbsoluteFill, useCurrentFrame, interpolate, Easing } from "remotion";
import { MoveLeft, MoveRight, Scissors, Rocket } from "lucide-react";

export const SplitReveal: React.FC = () => {
  const frame = useCurrentFrame();

  const leftX = interpolate(frame, [10, 55], [0, -960], {
    extrapolateLeft: "clamp",
    extrapolateRight: "clamp",
    easing: Easing.inOut(Easing.cubic),
  });

Split Reveal

Split-screen panel reveal with contrasting sides and animated text entrance.

Duration6s
Resolution1920 × 1080
Frame rate30 fps
Frames180

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