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

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

# Pricing Card Elite

Animated pricing tables that convert

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

![Pricing Card Elite preview image 1](https://framer.elliotli.dev/og/component/pricing-card-elite/64c7424a638508ec/1600x1200.jpg)

## Summary

What is Pricing Card Elite?

## Description

## What is Pricing Card Elite?

Production-ready pricing tables that convert. Animated prices count up/down on toggle/add-on changes. Fully customizable for pricing plans with tooltips, gold "Most Popular" badges & premium micro-interactions. Stripe-level polish.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

-   **Animated pricing** – Smooth countup/countdown (0.3-1s duration)
    
-   **Per-card toggles** – Independent monthly/yearly switching + save badges
    
-   **Add-on upsells** – Clickable e.g. "+$9/mo" with live price updates
    
-   **Hover tooltips** – Feature details on (i) icons
    
-   **Popular plan** – Auto gold badge + lift/shadow effects
    

## Controls inside Framer

### Pricing & Plans

-   Plan Names – e.g. Starter, Pro, Elite
    
-   Monthly/Yearly Prices – Match plan count
    
-   Features – One list per plan
    
-   Feature Tooltips – Hover details per feature
    

### Badge & Toggle

-   Popular Plan – Auto gold "MOST POPULAR" badge
    
-   Show Toggle – On/off per-card monthly/yearly
    
-   Toggle Size – Normal or Compact
    

### Add-ons

-   Show Add-on – e.g. Priority support upsell
    
-   Add-on Price/Text – Fully customizable
    
-   Show Add-on Badge – e.g. "+$9" appears by price
    

### Animations

-   Countup Duration – 0.3-1.0s smooth/bounce easing
    

### Appearance

-   Primary Color – Brand colors everywhere
    
-   Toggle Active Color – CTA + toggle states
    

### Layout

-   Alignment – Left/Center/Right
    
-   Card Width + Gap – Perfect spacing control
    

### Best use cases

-   SaaS landing pages (most popular)
    
-   Agency service packages
    
-   E-commerce subscription tiers
    
-   Course membership plans
    
-   Freemium → Pro upsells
    
-   Webinar registration funnels
    

## Questions or custom requests?

-   We design and build custom Framer components. Get in touch at [contact@teampixel.com.au](mailto:contact@teampixel.com.au).
    

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

-   All · #10454

## Details

- **Author**: Aidan Looker
- **Price**: $9.00
- **Published**: 2026-01-15
- **Updated**: 2026-06-13
- **Added**: 2025-12-29
- **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