Render with Remotion CLI
npx remotion render remotion/index.tsx TestimonialCard output.mp4
Composition code
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.5)),
});
const starsOpacity = interpolate(frame, [35, 55], [0, 1], {
extrapolateLeft: "clamp", extrapolateRight: "clamp",
});Testimonial Card
Animated customer quote card with star rating, glassmorphism design, and author slide-in reveal.
Duration8s
Resolution1080 × 1080
Frame rate30 fps
Frames240
Copy the code snippet into your Remotion project and run the render command to generate this template locally.
