Flip Card

A 3D animated card component that flips to reveal content on the back.

Made by Divyashri
Edit on GitHub
Open in
Animate UI

Animate UI

@animate_ui

A fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, and Motion.

200

Following

2900

Followers

120

Posts

Installation

Usage

<FlipCard data={data} />

API Reference

FlipCard

PropTypeDefault
data
FlipCardData
-

FlipCardData

PropTypeDefault
name
string
-
username
string
-
image
string
-
bio
string
-
stats
{ following: number; followers: number; posts?: number }
-
socialLinks?
{ linkedin?: string; github?: string; twitter?: string }
-

Built by Skyleen. The source code is available on GitHub.

Last updated: 11/13/2025