---
title: "FlipCardFX — Framer component · Best of Framer"
description: "$19.00 · Framer component · by DiverseKit · Cards. Hover-activated flipping card"
canonical: "https://framer.elliotli.dev/component/flipcardfx"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/FlipCardFX

# FlipCardFX

Hover-activated flipping card

[View on Framer](https://framer.com/marketplace/components/flipcardfx/?via=elliot-li)

![FlipCardFX preview image 1](https://framer.elliotli.dev/og/component/flipcardfx/4f916e90d561df6d/1600x1200.jpg)

## Summary

Hover-activated flipping card

## Description

FlipCard FX is a responsive Framer component that adds a sleek flipping animation to your cards. When users hover over the card, it rotates along the Y-axis (or X-axis if you prefer), revealing the back side with hidden content such as images, text, or links.

You can fully customize front and back content, card size, colors, border radius, shadow, flip direction, animation speed, and easing. The component works seamlessly in grids, sliders, or standalone layouts, allowing creative freedom for presentations, team profiles, product cards, or feature highlights.

FlipCard FX elevates static content into an engaging interactive experience, making information reveal playful, modern, and visually appealing.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-ftfyrq68-Bb5D96NErAVo1SZSl0EIiWQBe4rQQD)](https://diversekit.lemonsqueezy.com/checkout/buy/18e6b00b-cd19-476b-82b5-29e3f7515679)

## Rank history [How rankings work →](/terms#rankings)

-   All · #3645

## Details

- **Author**: DiverseKit
- **Price**: $19.00
- **Published**: 2026-02-12
- **Updated**: 2026-10-01
- **Added**: 2026-01-30
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards