Pricing Calc Pro

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