---
title: "Module: Flip Cards"
description: "Flip Cards Module are an incredible way to create a three column layout made up of cards, each card having an animation when hovered on."
url: "https://freshjuice.dev/developer-edition/docs/modules/flip-cards/"
---
Developer Edition

# Module: Flip Cards

![Screenshot of Flip Cards Module](https://freshjuice.dev/_astro/flip-cards.Dn5pdBo2_1sTyHr.webp)

Flip Cards Module is a three column layout made up of cards. Each card has two sides to them, so when hovered on a card, the card will do a 180° rotation to reveal the other side of the card.

You can check the [demo page here](https://143910617.hs-sites-eu1.com/flip-cards-module?utm_source=freshjuice.dev)

## Settings

-   **Flip Cards List**: Contains all your flip cards (maximum amount of them is 3). Every Flip Card has the following settings:
    -   **Avatar**: Your Image of choice for the flip card avatar.
    -   **Title**: Main Title of the flip card.
    -   **Second Title**: Additional information text.
    -   **Card Details**: Secondary row of information text.
    -   **Description**: The content on the other side of the flip card. It is revealed when the user hovers over your flip card. All the other content remains hidden behind so only description will be seen on hover.