component
Live Quote Total
By Isaac Yi
Details
- Isaac YiAuthor
- componentType
- $15.00Price
- 2026-07-03Published
- 2026-07-03Updated
- 2026-07-03Added
- CardsCategories
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.
- All · #7541