Dev
Mock SaaS Pricing Plan Generator
Building a pricing page before the product team has finalised tiers means making up plan names, prices, and feature lists on the spot. This generator produces complete SaaS pricing plan data in JSON format, with 2 to 5 tiers, realistic tier names (Starter/Growth/Pro or Free/Basic/Plus/Business), prices drawn from common SaaS price points, a currency symbol, a billing cycle, a popular flag on the middle tier, a CTA label, and a features array. The plan count input controls how many tiers appear in the output. The currency dropdown sets the currency code and symbol: USD ($), EUR (€), GBP (£), or AUD (A$). The feature list is drawn from a realistic pool — storage limits, team member counts, API access, priority support, SSO, custom domains, and advanced analytics — with higher tiers receiving more features, matching the additive pattern most SaaS pricing pages use. The popular boolean is set to true on the middle tier automatically. Paste the JSON directly into a React pricing component or a Storybook story and your prototype looks production-ready before any product decisions are final. For Cypress testing, generate 2-plan and 5-plan fixtures to verify your layout handles different tier counts correctly.
How to use
- Choose your options above
- Click Generate
- Copy your result
Detailed instructions
- Set the number of plans.
- Choose the currency.
- Click Generate to produce a result.
- Copy the Generated Pricing JSON and use it where you need it.
Use Cases
- •Dropping three-tier pricing JSON into a React component during early-stage UI prototyping
- •Populating a Storybook pricing card story with realistic plan names, prices, and feature lists
- •Seeding a headless CMS pricing section with mock EUR or GBP plan data for a client demo
- •Testing billing UI edge cases in Cypress by swapping between 2-plan and 5-plan JSON fixtures
- •Designing a Figma pricing comparison table with realistic copy before any product decisions are final
Tips
- →Generate it a few times and keep the version that fits best.
- →Adjust the options above to steer the result toward what you need.
- →Replace the placeholder values with your real data before using it.
- →Everything runs free in your browser — no signup or install required.
FAQ
what fields are included in the generated pricing plan JSON
Each plan object includes a name, price, currency code, billing cycle (always 'monthly'), a boolean popular flag, a CTA label ('Get Started Free' for free plans, 'Start Free Trial' for paid ones), and a features array. That gives you enough structure to wire up a full pricing UI without editing the JSON first.
how many pricing tiers should I generate for a SaaS prototype
Three tiers is the industry default — covering low-touch, mid-market, and high-value buyers in one view. This generator lets you set planCount anywhere from 2 to 5, so you can test how your layout handles a simpler two-tier model or a five-tier enterprise lineup without rewriting fixtures.
is it safe to use fake pricing data in a staging or demo environment
Yes — this generator produces purely fictional plan names and prices, so there is no risk of leaking real commercial data. Just make sure any demo or staging environment is clearly labeled so clients or testers don't mistake mock prices for live ones.
does the billing field ever show annual pricing
No — the billing field is always set to 'monthly'. The generator does not produce annual pricing variants or discount percentages. If your UI needs both monthly and annual options, you will need to generate the monthly output and manually add the annual tier at a discounted rate.
You might also like
Popular tools from other categories that share themes with this one.
Try these next
More free tools from other corners of the catalog, picked by shared themes.