🎬 Build your own video editing tools with RVE

Back to Templates

Card Flip

3D card flip animation for product showcases and reveals

Description

Rotates a card 180 degrees on the Y-axis using CSS perspective and rotateY driven by interpolate(), revealing back-face content halfway through. Use it for before/after reveals, product feature highlights, flashcard-style education content, or any scene that needs a dramatic content swap.

Front and back content are separate React elements, so you can put any layout on either side. Flip speed, perspective depth, and card dimensions are all configurable through props.

Card Flip | Free Remotion Templates