---
title: "Multi Variant Card — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Agung M · Cards. Professional Card System"
canonical: "https://framer.elliotli.dev/component/multi-variant-card"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Multi Variant Card

# Multi Variant Card

Professional Card System

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

![Multi Variant Card preview image 1](https://framer.elliotli.dev/og/component/multi-variant-card/a1ee44c93f5cb461/1600x1200.jpg)

## Summary

Professional Card System

## Description

### Key Features & Variants

**1\. Three-in-One Design System**

Switch between three distinct visual styles instantly:

-   **Standard:** Cinematic full-media background with customizable gradient overlays.
    
-   **Glass:** Ultra-modern Glassmorphism effect with high-intensity backdrop blur.
    
-   **Mixed:** A professional hybrid layout with media on top and a dedicated glass-content area below.
    

**2\. Advanced Media Engine**

-   **Hybrid Support:** Use high-res **Images** or **MP4 Videos** as your background.
    
-   **Video Pro:** Pre-configured for autoplay, infinite looping, and muted playback.
    
-   **Dynamic Blur:** Adjustable background blur (0-20px) to ensure your text always pops.
    

**3\. Smart Avatar Stack (Social Proof)**

Boost conversions with built-in social proof:

-   **Interactive Stack:** Supports up to 10 custom overlapping avatars.
    
-   **Auto-Counter:** Smart "N+" badge (e.g., "50+ Joined") for high-engagement displays.
    
-   **Safe Fallback:** Automatically uses elegant default avatars if no images are provided.
    

**4\. Seamless Popup & Interaction System**

-   **Detail View:** A built-in modal that opens with a smooth scale + fade animation.
    
-   **Rich Content:** Popups support long descriptions, media headers, and dedicated Call-to-Action buttons.
    
-   **Hover Physics:** Premium "Lift-up" and dynamic shadow effects that respond to user movement.
    

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

-   All · #7331

## Details

- **Author**: Agung M
- **Price**: $3.00
- **Published**: 2026-05-14
- **Updated**: 2026-05-20
- **Added**: 2026-05-04
- **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