Framer code component · Interactive

Price Calc Lite for Framer

Freeno account needed to try
Price Calc Lite Framer component preview

What it does

Drag the slider and Price Calc Lite works out the price from your tiers: the plan ladder highlights the current tier, the recommended plan updates by itself and the big price rolls to the new number. Set the unit (seats, users, credits), the range and your own tier prices.

It supports up to 3 tiers, per-unit or flat pricing, a base price, per-unit and savings lines, tier marks on the track, a call-to-action button with a link, and full keyboard control.

Customizable properties

  • Unit labels, min, max, step and default value
  • Tiers (up to 3): plan name, upper limit, per-unit or flat price, note
  • Base price, tier ladder, tier marks, per-unit price and savings lines
  • Currency symbol, rolling numbers on/off and duration
  • CTA text and link
  • Colors, radius, shadow and three fonts

Need more? The full version, 18 Price Calculator, adds unlimited tiers, a monthly / yearly billing toggle with a yearly discount, a Custom / Contact sales switch at the maximum, a compact layout, full currency and number formatting, and editable labels.

→ https://www.framer.com/marketplace/components/18-price-calculator/

Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component.

Need help?

Email hello@brandingupstudio.com — we usually reply within 72 hours. Custom edits are available from $75/hr.