Flip Card

A dynamic flip card with smooth 180-degree flipping animations along both the X and Y axes, providing an engaging and interactive visual effect.

Examples

Horizontal Flip

API

Prop NameTypeDefaultDescription
classstring-The class to be applied to the component.
image*string-Pass the image URL to display the image.
title*string-You can pass the title as you want.
subtitle *string-You can pass the sub title as you want.
description*string-You can pass the description as you want.
rotatex | yyYou can pass the rotate value as you want.

Component Code

You can copy and paste the following code to create these components:

FlipCard.vue

Credits

Falling Stars Background
A stunning animated starfield background with glowing and sharp trail effects.
Flip Words
A component that flips through a list of words.