Price Calc Lite

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/

Need help?

Reach out anytime at hello@brandingupstudio.com. We usually reply within 72 hours.

Built with code but fully customizable via property controls, no coding needed. Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component.