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

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

# Pricing Feature Card

Interactive 3D pricing with card flip.

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

![Pricing Feature Card preview image 1](https://framer.elliotli.dev/og/component/pricing-feature-card/743605e1ea6fa682/1600x1200.jpg)

## Summary

What is Pricing Feature Card?

## Description

## What is Pricing Feature Card?

Pricing Feature Card is a premium, interaction-rich pricing component designed for SaaS, agency, and product sites. Each card features a 3D tilt effect, cursor-tracking glow, animated price transitions, and a flip interaction that reveals a back face with a description and clickable image gallery. A full-viewport lightbox opens on click with keyboard navigation, prev/next arrows, and smooth animated transitions. Ideal for landing pages, launch sites, and product pricing sections.

[![](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 billing toggle with a spring-driven knob and auto-calculated savings badge
    
-   3D card tilt that follows the cursor with adjustable intensity and premium easing
    
-   Radial cursor glow overlay with configurable opacity and accent-matched colour
    
-   Flip-to-reveal card back with description, three-image gallery grid, and hover expand indicators
    
-   Full-viewport lightbox with backdrop blur, keyboard navigation (arrow keys + Escape), prev/next arrows, and image counter
    
-   Price count-up with blur-fade transition when switching billing periods
    
-   Five polished themes (Neon, Dark, Light, Midnight, Warm) plus a fully custom colour mode
    

## Controls inside Framer

### Plans

-   Plan name, subtitle, and badge text
    
-   Monthly price, yearly price, and period label
    
-   Featured toggle and badge visibility
    
-   Features title, subtitle, and up to 14 feature items
    
-   CTA button text and native Framer link
    
-   Back description (textarea)
    
-   Three responsive image slots for the back-face gallery
    

### Interactions

-   Billing toggle (on/off)
    
-   3D tilt (on/off) with adjustable tilt angle (3–25 degrees)
    
-   Cursor glow (on/off) with adjustable glow opacity
    
-   Flip button visibility
    
-   Flip animation speed (0.3–1.2s)
    

### Appearance

-   Theme selector: Neon, Dark, Light, Midnight, Warm, Custom
    
-   Layout: Desktop or Mobile (segmented control)
    
-   Dot pattern background toggle
    

### Typography

-   Heading font
    
-   Price font
    
-   Body / Features font
    
-   CTA Button font
    

### Custom Theme Colors

-   Background, Card BG, Accent, Text, Text Muted
    
-   Border, CTA Fill, CTA Text
    
-   Check / Badge BG, Check / Badge Text
    
-   Toggle Knob
    

### Card Style

-   Border radius (0–32px)
    
-   Padding (16–48px)
    
-   Gap (0–40px)
    

## Best use cases

-   SaaS and startup landing pages that need a pricing section visitors actually interact with
    
-   Agency and studio portfolio sites showcasing tiered service packages with visual proof
    
-   Product launch pages where pricing needs to feel as premium as the product itself
    
-   Membership and subscription platforms presenting plan comparisons with supporting imagery
    

## Built to convert, designed to impress.

Drop it onto your canvas, customise from the panel, and publish — your pricing section is ready to perform.

## 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 · #9968

## Details

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