Render CLI
npx remotion render remotion/index.tsx ProductCard output.mp4 --codec=h264
Composition code
import { AbsoluteFill, useCurrentFrame, interpolate, Easing } from "remotion";
import { ShoppingBag } from "lucide-react";
interface ProductCardTemplateProps {
productName?: string;
category?: string;
ctaLabel?: string;
title?: string;
subtitle?: string;
buttonLabel?: string;
}
Product Card
E-commerce product card animation with shimmer reveal, pricing, star rating, and CTA button.
Duration6s
Resolution1080 × 1080
Frame rate30 fps
Frames180
This is a free, open-source template. Copy the code and drop it into your Remotion project.
