---
title: "Pricing Calc Pro — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Wolfgang Heis · Carousels. Interactive · Live Price"
canonical: "https://framer.elliotli.dev/component/pricing-calc-pro"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Pricing Calc Pro

# Pricing Calc Pro

Interactive · Live Price

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

![Pricing Calc Pro preview image 1](https://framer.elliotli.dev/og/component/pricing-calc-pro/0583303c6800aaff/1600x1200.jpg)

## Summary

Interactive · Live Price

## Description

An interactive pricing component for SaaS, agencies, and freelancers. Configure your pricing model directly in Framer — no code needed.

\----

## FEATURES

-   Live price calculation — updates instantly
    
-   Monthly / Yearly toggle with animated sliding pill
    
-   Unit slider — users, seats, projects, or any label
    
-   Add-ons with toggle checkboxes
    
-   Animated price counter on change
    
-   Currency selector — €, $, £, CHF
    
-   Dark mode support
    
-   CTA button with custom label and URL
    

\----

### SETUP

1.  Add PricingCalcPro to your canvas
    
2.  Set your Base Price and Price per Unit
    
3.  Configure Add-ons, Unit Label, and Currency
    
4.  Set your CTA button label and URL
    
5.  Adjust colors and dark mode to match your brand
    

\----

### PROPERTY CONTROLS

-   Title — headline of the calculator
    
-   Base Price — monthly starting price
    
-   Price per Unit — cost per user/seat/project
    
-   Unit Label — customize the slider label
    
-   Min / Max Units — slider range
    
-   Yearly Discount % — applied when yearly is selected
    
-   Currency — €, $, £, CHF
    
-   Add-ons — label + price per add-on
    
-   Button Label & URL
    
-   Accent Color
    
-   Dark Mode
    
-   Corner Radius
    

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

-   All · #10964

## Details

- **Author**: Wolfgang Heis
- **Price**: $15.00
- **Published**: 2026-06-11
- **Updated**: 2026-06-11
- **Added**: 2026-05-16
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view