---
title: "Cards Wallet — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Francesco Caronte · Cards. About this Component Cards Wallet is a native Framer component that simulates a sleek card wallet containing two payment cards,…"
canonical: "https://framer.elliotli.dev/component/cards-wallet"
---

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

# Cards Wallet

Interactive cards component

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

![Cards Wallet preview image 1](https://framer.elliotli.dev/og/component/cards-wallet/9f1b1790ea2837fa/1600x1200.jpg)

## Summary

About this Component Cards Wallet is a native Framer component that simulates a sleek card wallet containing two payment cards, designed to deliver a polished interactive…

## Description

## About this Component

Cards Wallet is a native Framer component that simulates a sleek card wallet containing two payment cards, designed to deliver a polished interactive experience across desktop and mobile. It is built for designers who want to add premium micro-interactions and visual depth to their layouts, while keeping full control over design and behavior.

—

**Live Preview:** [**https://cardswallet.framer.website/**](https://cardswallet.framer.website/)

—

## Adaptive interactions

### Desktop (hover-based)

On hover, each card smoothly slides out of the wallet individually, allowing users to explore both cards with a clear and intuitive interaction.

### Mobile (tap-based)

On tap, both cards slide out together from the wallet. A second tap on the wallet brings them back to their original position.

## Fully customizable

### The component exposes a clean and flexible set of variables to cover the most common use cases:

-   **Wallet color**
    
-   **Logo visibility (on / off)**
    
-   **Logo opacity**
    
-   **Card 1 graphic**
    
-   **Card 1 link**
    
-   **Card 2 graphic**
    
-   **Card 2 link**
    

### Native, lightweight, responsive

-   100% Framer-native
    
-   No custom code
    
-   Smooth, performant animations
    
-   Fully responsive across breakpoints
    

### Use cases

-   Fintech & banking landing pages
    
-   UI / interaction showcases
    
-   Product pages for digital services
    
-   Modern hero sections and micro-interactions
    

### Refund Policy

All sales of digital products are final and non-refundable.

If you have any questions about the product, please contact me at [info@carontefrancesco.it](mailto:info@carontefrancesco.it) before completing your purchase. I’m happy to help.

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

-   All · #8280

## Details

- **Author**: Francesco Caronte
- **Price**: $8.00
- **Published**: 2026-02-23
- **Updated**: 2026-02-25
- **Added**: 2026-02-18
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator