Render CLI
npx remotion render remotion/index.tsx TestimonialCard output.mp4 --codec=h264
Composition code
import { Quote, Star } from "lucide-react";
import { AbsoluteFill, useCurrentFrame, interpolate, Easing } from "remotion";
export const TestimonialCard: React.FC = () => {
const frame = useCurrentFrame();
const cardScale = interpolate(frame, [10, 45], [0.88, 1], {
extrapolateLeft: "clamp", extrapolateRight: "clamp", easing: Easing.out(Easing.back(1.2))
});
const cardOpacity = interpolate(frame, [10, 35], [0, 1], {
extrapolateLeft: "clamp", extrapolateRight: "clamp"
});Testimonial Card
Animated customer testimonial card with star rating reveal, quote, and author details.
Duration8s
Resolution1080 × 1080
Frame rate30 fps
Frames240
This is a free, open-source template. Copy the code and drop it into your Remotion project.