5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T820,

A live quote calculator for your pricing page. One screen or step by step, an itemized total, and an ROI panel that shows what the price is worth. No CMS.

WHAT IT IS

Visitors pick a plan, slide a seat count and tick add-ons, and the total updates as they go. Show every question at once with the result beside it, or switch to step by step: one question per card, a progress bar, and a summary at the end.

WHAT YOU GET

— Up to eight questions: single choice, multiple choice and quantity sliders, with per-unit prices and included units

— Conditional questions: show seats only for Growth and Scale, and the hidden question drops out of the total

— Itemized result with every line, "Included" for free options, and a large total

— Volume discounts by subtotal, a minimum order, and a monthly/yearly switch with a "Save 20%" chip

— Monthly pricing or one-time project quotes, any currency symbol before or after, whole numbers or cents

— An ROI panel: team size, hours saved and hourly cost become monthly savings, ROI and net per year (or payback time for one-time quotes)

— A button link that can carry the quote: put {total} or {summary} in a mailto or https link and the visitor's quote is filled in when they click

— Two columns on wide sections, one column on narrow ones, based on the section's own width

— Light and dark themes, one accent color, max width and anchor ID

WHAT IT DOES NOT DO

There is no form and no checkout inside. Nothing is collected or sent: the button is a plain link the visitor clicks. Prices are numbers you type in the properties panel, not a CMS collection.

BUILT FOR

SaaS sites, agencies, studios and service businesses that want visitors to price it themselves before they get in touch.

Zero external libraries. Math runs in whole cents, so totals never drift, and the total is announced to screen readers when the visitor pauses.

Everything is set from the properties panel. No code.

5a:[["$","$L5d",null,{"post":{"id":"01a11778-9382-7787-a281-50387f733a60","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"U9gcf3HJtmCPkiE2BVq4","resolved":true,"title":"Quote Calculator","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A live quote calculator for your pricing page. One screen or step by step, an itemized total, and an ROI panel that shows what the price is worth. No CMS."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT IT IS"}]},{"type":"paragraph","content":[{"type":"text","text":"Visitors pick a plan, slide a seat count and tick add-ons, and the total updates as they go. Show every question at once with the result beside it, or switch to step by step: one question per card, a progress bar, and a summary at the end."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT YOU GET"}]},{"type":"paragraph","content":[{"type":"text","text":"— Up to eight questions: single choice, multiple choice and quantity sliders, with per-unit prices and included units"}]},{"type":"paragraph","content":[{"type":"text","text":"— Conditional questions: show seats only for Growth and Scale, and the hidden question drops out of the total"}]},{"type":"paragraph","content":[{"type":"text","text":"— Itemized result with every line, \"Included\" for free options, and a large total"}]},{"type":"paragraph","content":[{"type":"text","text":"— Volume discounts by subtotal, a minimum order, and a monthly/yearly switch with a \"Save 20%\" chip"}]},{"type":"paragraph","content":[{"type":"text","text":"— Monthly pricing or one-time project quotes, any currency symbol before or after, whole numbers or cents"}]},{"type":"paragraph","content":[{"type":"text","text":"— An ROI panel: team size, hours saved and hourly cost become monthly savings, ROI and net per year (or payback time for one-time quotes)"}]},{"type":"paragraph","content":[{"type":"text","text":"— A button link that can carry the quote: put {total} or {summary} in a mailto or https link and the visitor's quote is filled in when they click"}]},{"type":"paragraph","content":[{"type":"text","text":"— Two columns on wide sections, one column on narrow ones, based on the section's own width"}]},{"type":"paragraph","content":[{"type":"text","text":"— Light and dark themes, one accent color, max width and anchor ID"}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT IT DOES NOT DO"}]},{"type":"paragraph","content":[{"type":"text","text":"There is no form and no checkout inside. Nothing is collected or sent: the button is a plain link the visitor clicks. Prices are numbers you type in the properties panel, not a CMS collection."}]},{"type":"paragraph","content":[{"type":"text","text":"BUILT FOR"}]},{"type":"paragraph","content":[{"type":"text","text":"SaaS sites, agencies, studios and service businesses that want visitors to price it themselves before they get in touch."}]},{"type":"paragraph","content":[{"type":"text","text":"Zero external libraries. Math runs in whole cents, so totals never drift, and the total is announced to screen readers when the visitor pauses."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is set from the properties panel. No code."}]}]},"introduction":"Live quotes, in steps or at once.","slug":"quote-calculator","author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/01a11782-0662-72ae-b97d-5952025af0ea.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-07T17:45:39.844Z","updatedAt":"2026-10-07T17:56:04.020Z","publishedAt":"2026-10-07T17:45:39.841Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://dark-checklist-980577.framer.app/","price":"12","paymentUrl":"https://isaaccomponents.lemonsqueezy.com/checkout/buy/5592d0cd-116c-46e2-a4de-0c151b40c3e0","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"QC8C6kT5ecf15IW1ppZl","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-07T17:45:40.482Z","updatedAt":"2026-10-07T17:45:40.482Z","reported":false}}],"$L5f"]

Suggested for you