---
title: "Price Table Compare — Framer component · Best of Framer"
description: "$14.00 · Framer component · by Aidan Looker · Sections. What is Price Table Compare?"
canonical: "https://framer.elliotli.dev/component/price-table-compare"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Price Table Compare

# Price Table Compare

Premium customisable pricing comparison

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

![Price Table Compare preview image 1](https://framer.elliotli.dev/og/component/price-table-compare/50a3865f37e9cb4f/1600x1200.jpg)

## Summary

What is Price Table Compare?

## Description

## What is Price Table Compare?

Price Table Compare is a premium pricing component that displays multiple plans with detailed feature comparisons in an elegant, interactive layout. Each card features particle animations, collapsible feature sections, and value score bars. Ideal for SaaS landing pages, subscription pricing, and service tier comparisons where you need to showcase features at a glance.

[![](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

-   5 premium themes (Midnight, Aurora, Sunset, Frost, Custom) with full color customization
    
-   Collapsible feature sections with smooth accordion animations and tooltips
    
-   Built-in monthly/yearly billing toggle with customizable savings badge
    
-   Particle animations for recommended plans
    
-   Value score bar with auto-calculation or manual override
    
-   Highlight important features with star icons
    
-   Display feature values as checkmarks, crosses, or custom text
    

## Controls inside Framer

### Theme

-   Theme Preset (Midnight, Aurora, Sunset, Frost, Custom)
    
-   Custom Colors (11 color options for full control)
    

### Billing

-   Billing Toggle (Show/Hide)
    
-   Default Billing (Monthly/Yearly)
    
-   Savings Badge Text
    
-   Toggle Text Color
    
-   Savings Pill Color
    

### Typography

-   Font Family
    
-   Plan Name Size
    
-   Price Size
    
-   Feature Label Size
    

### Plans

-   Plan Name
    
-   Monthly & Yearly Price
    
-   Recommended Badge
    
-   Description
    
-   CTA Text & Link
    
-   Value Score (0-100 or auto)
    

### Feature Sections

-   Section Title & Icon Emoji
    
-   Default Open State
    
-   Feature Label, Tooltip, Important, and Values
    

### Visual Effects

-   Background Color
    
-   Particles Toggle
    
-   Animations Toggle
    

### Display Options

-   Value Score Bar
    
-   Feature Tooltips
    
-   CTA Buttons
    
-   Recommended Badge & Text
    
-   Corner Radius
    

## Best use cases

-   SaaS pricing pages with subscription tier comparisons
    
-   Service and consulting package comparisons
    
-   E-commerce membership tiers and loyalty programs
    
-   Enterprise solutions with complex feature matrices
    

Turn visitors into customers with pricing tables that look premium and convert. Drop it in, customize your plans, and ship in minutes—not hours.

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

## Details

- **Author**: Aidan Looker
- **Price**: $14.00
- **Published**: 2026-01-29
- **Updated**: 2026-06-13
- **Added**: 2026-01-17
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove