Render with Remotion CLI
npx remotion render remotion/index.tsx VerticalStory output.mp4
Composition code
import { AbsoluteFill, useCurrentFrame, interpolate, Easing } from "remotion";
const FEATURES = [
{ emoji: "⚡", text: "10× faster than manual editing" },
{ emoji: "🎨", text: "Beautiful, production-ready templates" },
{ emoji: "🚀", text: "Ship polished video in minutes" },
];
export const VerticalStory: React.FC = () => {
const frame = useCurrentFrame();
const headlineOpacity = interpolate(frame, [20, 50], [0, 1], { extrapolateLeft: "clamp", extrapolateRight: "clamp" });Vertical Story
Bold 9:16 vertical promo for Reels, TikTok & Shorts — badge, gradient headline, feature cards, pulsing CTA.
Duration10s
Resolution1080 × 1920
Frame rate30 fps
Frames300
Copy the code snippet into your Remotion project and run the render command to generate this template locally.
