Pricing Card Elite

Pricing Card Elite
Pricing Card Elite

About Pricing Card Elite

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.

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?

From Aidan Looker

Tilt Info Cards
Social Proof Card
CMS Product Card
Pricing Card Modern

Related Components

LiquidGlass Pricing
Glow Pricing
Team Card Drawer
Particle Hover Card