---
title: "Pricing Card Modern — Framer component · Best of Framer"
description: "$14.00 · Framer component · by Aidan Looker · Cards. What is Pricing Card Modern?"
canonical: "https://framer.elliotli.dev/component/pricing-card-modern"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Pricing Card Modern

# Pricing Card Modern

Interactive contact inform

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

![Pricing Card Modern preview image 1](https://framer.elliotli.dev/og/component/pricing-card-modern/15e3a2707ec4d60f/1600x1200.jpg)

## Summary

What is Pricing Card Modern?

## Description

## **What is Pricing Card Modern?**

This dynamic pricing table provides an interactive way to display your subscription tiers. It includes a built-in billing period switcher, smoothly animated price counters, and seamless responsiveness across devices. Choose from beautifully curated themes or customize every color to perfectly match your brand identity. It provides a polished purchasing experience for SaaS platforms, digital product sales, and service retainers.

## **Core Features**

-   Smoothly animated monthly and annual billing toggle
    
-   Animated price counters when switching billing periods
    
-   Four curated themes plus a fully custom color option
    
-   Built-in library of 16 scalable vector icons
    
-   Desktop and mobile responsive layouts
    

## **Controls inside Framer**

### **Plans & Content**

-   Plans (Name, Price, Annual Price, Features, Icon)
    
-   Badge Text
    
-   Heading & Subtitle
    
-   Currency
    

### **Billing Toggle**

-   Show or hide toggle
    
-   Monthly & Annual Labels
    
-   Annual Savings Badge
    
-   Annual Period Text
    

### **Layout & Appearance**

-   Layout (Desktop or Mobile)
    
-   Theme selector (Light, Sand, Slate, Ocean, Custom)
    
-   Custom Colors (Background, Card, Text, Accent)
    
-   Card Style (Roundness, Padding, Shadows, Borders)
    

### **Animation & Typography**

-   Animation Speed
    
-   Price Animation Duration
    
-   Custom Fonts (Heading, Plan Name, Price, Body)
    

## **Best use cases**

-   SaaS subscription pages
    
-   Digital product tiers
    
-   Service and retainer packages
    
-   Membership communities
    

Deliver a premium purchasing experience that elevates your brand and drives conversions.

## **Questions or custom requests?**

We design and build custom Framer components. Get in touch at **contact@teampixel.com.au**.

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

-   All · #6549

## Details

- **Author**: Aidan Looker
- **Price**: $14.00
- **Published**: 2026-06-17
- **Updated**: 2026-06-17
- **Added**: 2026-06-17
- **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