---
title: "CardSwap — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Shakeb Mohammad · Cards. Category cards with smooth image swaps"
canonical: "https://framer.elliotli.dev/component/cardswap"
---

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

# CardSwap

Category cards with smooth image swaps

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

![CardSwap preview image 1](https://framer.elliotli.dev/og/component/cardswap/b9487de01c7c7793/1600x1200.jpg)

## Summary

Category cards with smooth image swaps

## Description

## Designed to feel lively without being distracting, it works great in hero sections, landing pages, or app previews.

## Features

-   **Animated image swaps:** Smooth transitions between image sets with directional motion.
    
-   **Icon-based navigation:** Clickable icons let users switch categories instantly.
    
-   **Auto-play support:** Automatically cycles through categories after a delay.
    
-   **Fully customizable content:** Change images, labels, icons, and colors directly in Framer.
    
-   **Clean, modern layout:** Fixed tilt and spacing ensure consistent visual balance.
    

### How it works

-   Each icon represents a **unique category**.
    
-   Clicking an icon:
    
    -   Current images slide out.
        
    -   New images zoom in from below.
        
-   If untouched, the component auto-rotates through all categories.
    

### Customization options

Inside the Framer properties panel, you can:

-   Replace image sets for each category.
    
-   Change labels (e.g., Food, Travel, Shopping).
    
-   Change Colours (e.g. Background, Text and Icon)
    
-   Swap icons.
    

### Perfect for

-   Product category highlights
    
-   App feature showcases
    

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

-   All · #8887

## Details

- **Author**: Shakeb Mohammad
- **Price**: $5.00
- **Published**: 2026-02-15
- **Updated**: 2026-02-16
- **Added**: 2026-02-08
- **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