Flip Y
2sThe icon turns on its vertical axis like a card, thinning to an edge and thickening as it comes back round to the front.
UI Animations
Card Flip In
- card
- flip
- reveal
Loading editor
Card Flip Animation – Product Card Reveal Motion
About Card Flip In
A product card rises and flips from its branded back to reveal the content side. Great for features and offers.
Part of UI Animations. New to this kind of graphic? Read How to Animate UI Interactions for a Product Demo.
- Category
- UI Animations
- Length
- 3 seconds, up to 5 seconds
- Playback
- Plays once
- Controls
- 14 editable
- Format
- MP4 · WebM · PNG sequence
- Alpha
- WebM or PNG sequence
- Resolution
- 720p to 8K
- Aspect
- 16:9 · 9:16 · 1:1 · 4:5
- License
- Commercial use included
Frequently asked
What is the Card Flip In animation?
A product card rises and flips from its branded back to reveal the content side. Great for features and offers. It belongs to the UI Animations category on velements, where you edit it in the browser and download it as a finished video file.
What can you customize in Card Flip In?
Every control in the editor, grouped the same way there. Content: title, subtitle and icon. Typography: font and weight. Style: background, text color, primary and secondary. Layout: aspect ratio, corner radius, scale and position. Motion: duration. Each change appears in the live preview straight away, and editing is free.
How long is Card Flip In?
Card Flip In runs 3 seconds by default, and you can set any length up to 5 seconds before you export. It plays once from start to finish, so it drops straight onto a cut or an opening.
Can you download Card Flip In with a transparent background?
Yes. Set the background to Transparent, then export a PNG sequence for Premiere Pro, After Effects, DaVinci Resolve, Final Cut Pro or Figma: import the first frame as an image sequence and it drops onto a track above your footage with a straight alpha channel. Export WebM with a VP9 alpha channel for the web and for CapCut. MP4 has no alpha channel, so it keeps a solid color or image behind the animation.
Can you use Card Flip In in commercial projects?
Yes. Each download comes with a perpetual commercial license in your name for client work, ads and products, and you may sell the edited clip on stock footage sites. Reselling the preset itself as an editable template is not allowed.
Related animations
A pulsing hotspot sends a crisp leader line to a clean label box. Perfect for product features.
Flip X
2sThe icon tips forward over its horizontal axis, squashing flat through the turn before landing face on again.
A card flips on its Y-axis continuously, revealing alternating front and back faces with scan lines and a shifting holographic sheen.
A beam of light sweeps across the frame and uncovers your product as it passes, then the copy settles in the dark.
A button gets pressed with a ripple, morphs into a circle and confirms with a checkmark. Pure product-demo polish.
A cursor glides along natural arcs, clicking stops on its way to your target. Drop it over any screen recording.
A sleek toast slides in with an icon, message and countdown bar, then glides away on its own.