Pricing Calc Pro

Interactive · Live Price

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 Add PricingCalcPro to your canvas Set your Base Price and Price per Unit Configure Add-ons, Unit Label, and Currency Set your CTA button label and URL 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

Interactive · Live Price