18 Price Calculator

▶ Show visitors their exact price before they have to ask. Drag the slider (seats, users, credits — any unit you name) and the total, the matching plan and the savings update instantly.

Full version vs the free Price Calc Lite: unlimited tiers (Lite stops at 3), a monthly / yearly toggle with a "Save X%" badge, a "Custom / Contact sales" top end, a compact layout, full number formatting and editable labels.

Live demo → https://small-convention-270138.framer.app/pricing-calculator

Customizable properties

Layout — Card or Compact

Slider — unit label, min, max, step, default

Tiers — plan name, breakpoint, per-unit or flat price, note, optional base price

Tier ladder, marks, per-unit price and savings line on/off

Custom at Max — label, CTA text and link

Billing toggle — yearly discount %, default period

Currency — symbol position, space, decimals, separators (e.g. "1.234,50 €")

Rolling numbers, CTA, every label, colors, radius, shadow, fonts

Why this component

Number formatting for US, EU and other locales.

Accessible native slider, reduced-motion aware, no external libraries.

Need help?

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

Built with code but fully customizable via property controls. Unlink is not provided so we can keep delivering updates.

All 10 paid BrandingUp components in one payment: All-Access Pass, $49 → https://brandingup.lemonsqueezy.com/checkout/buy/3391c106-6fbc-41b8-9cc8-b63365b95665