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.