Design and preview SaaS pricing pages with tier comparison tables, feature matrices, and annual/monthly toggle calculations.
You set the tier names, prices, feature lists, and an annual discount, and the tool renders a comparison page with a feature matrix and a billing toggle. Flipping the toggle recomputes every price on the page. The figure shown in annual mode is a per-month equivalent (the discounted yearly total divided by 12), not a separate monthly rate. The most common misreading is treating that discounted per-month number as a monthly payment plan: annual mode means one yearly charge, and the per-month figure exists for comparison only.
A concrete input and expected output from the current implementation.
Input
Tiers: Starter $19/mo, Growth $49/mo, Scale $99/mo. Annual discount: 20%. Toggle set to annual.
Expected output
Starter $15.20/mo ($182.40/yr), Growth $39.20/mo ($470.40/yr), Scale $79.20/mo ($950.40/yr), with the same feature matrix under each tier.
A 20% annual discount multiplies each monthly rate by 0.8 to get the per-month equivalent, and the yearly total is that equivalent times 12: 49 x 0.8 = 39.20, and 39.20 x 12 = 470.40. The matrix rows are unchanged because the toggle only recomputes prices.
In monthly mode each tier shows the rate you entered. Flipping to annual mode applies the discount to every tier: the per-month equivalent is the rate times (1 minus discount), and the yearly total is that equivalent times 12. All figures update together, so the tiers stay internally consistent at a glance.
The page is built from what you enter: tier names, prices, and the features assigned to each tier, arranged as a matrix with features as rows and tiers as columns. The tool lays out and previews exactly that data. It does not infer features, generate copy, or judge whether the tiers make sense together.
No. The toggle recomputes displayed prices only: annual mode shows the discounted per-month equivalent and the yearly total. Nothing is billed, invoiced, or charged by the tool; it produces a page design and numbers. The real billing (one annual charge versus twelve monthly ones) is implemented in your payment processor, using the numbers you publish.
The arithmetic is reliable: for the rates and discount you enter, the per-month equivalents and yearly totals are computed correctly. What the tool does not do is evaluate the pricing itself. Whether a tier's price covers your costs or fits your market is a business decision you still make, and the feature matrix is only as accurate as what you assign.
The example and behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.
Calculate gross, operating, and net profit margins from cost and revenue with breakeven analysis.
Convert between annual salary and hourly rate with adjustments for work hours, overtime, and benefits.
Calculate sales tax amounts, tax-inclusive and tax-exclusive prices for any tax rate or jurisdiction.
Calculate return on investment from initial cost and final value with annualized ROI and comparison tables.
Convert between markup and margin percentages, calculate selling price, and compare pricing strategies.
Convert numeric amounts to written words for invoices, checks, and legal documents in multiple currencies.