Skip to content

component

Live Quote Total

By Isaac Yi

Details

Summary

Skips steps. Totals update live.

Description

Most Framer quote calculators show every pricing field to every visitor, or need a monthly plugin subscription for branching logic. Branching Quote Calc solves both: steps that don't apply to the visitor's plan are skipped entirely, not just hidden, and the total animates live above the card on every step, not just at checkout. It's a client-side formula engine: a base price per plan, per-unit slider rates that can differ by tier, flat-rate add-ons, and a billing-cycle multiplier. Runs entirely in the browser, zero API key, zero backend. Key features: Whole-step branching, set with a step ID and value condition in the property panel. Four step types: plan selector, per-unit slider, multi-select add-ons, billing-cycle toggle. Live animated total, a persistent price strip counts up or down on every answer. Zero layout shift, fixed-width card, cross-fade transitions, gated on Framer's static renderer. Fully panel-driven, every step, price, and label editable. No code required. Built for SaaS, agency, and service-business landing pages that want a real price instead of a flat contact-us link.

Introduction

Skips steps. Totals update live.

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600175708/148/228/309/79/15
  • All · #7541