How should a developer tool present pricing?
A developer tool should present pricing so that a developer can estimate their own bill in a few minutes: plans, the unit you charge for, rates, limits, overage rules and a calculator if usage varies. Evil Martians' study of 100 devtool landing pages found pricing usually lives on its own page, and developers go looking for it early.
The pattern to avoid is the contact-sales wall: plan names with no prices and a "Talk to us" button on every tier. Developers evaluating a tool at 11 p.m. won't book a call to find out whether it's in budget; they'll try a competitor that tells them. Our developer tools website design hub covers how pricing fits the wider site.
Which developer tool pricing page examples are worth studying?
The developer tool pricing page examples worth studying make the unit of value obvious, show the free tier plainly and handle usage in a way developers can predict. The table below describes publicly visible patterns at the time of writing; pricing pages change often, so check the live page before you borrow from one.
Company | Pricing model | What it does well |
|---|---|---|
PostHog | Usage-based per product, free tier | Per-product pricing with free allowances and volume tiers shown openly |
Vercel | Plans plus usage | Clear plan ladder with included usage and rates beyond it |
Supabase | Plans plus usage | Limits listed per plan, with spend controls on paid tiers |
Cloudflare Workers | Free plan, then usage | Simple units (requests, compute time) a developer can estimate |
Twilio | Pay as you go | Per-unit prices by product and country in public tables |
Stripe | Per transaction | Standard rate published, custom pricing reserved for large volume |
Resend | Free tier, volume tiers | Plans defined by email volume, easy to map to your usage |
Sentry | Plans by event volume | Lets teams size the plan to the volume they expect |
GitHub | Per seat | Short plan ladder with per-user pricing |
What they share: a visible unit, a free way in, and a clear point where enterprise or custom terms take over. None of them makes you contact sales to learn the basic price of the standard plans.
How should a devtools pricing page show the free tier?
A devtools pricing page should show the free tier first, with exact limits and a plain statement of what happens when you reach them. The free tier is often the product's main acquisition channel, and its limits are the first thing a developer checks.
- Exact limits. Requests, events, seats, projects or storage, in numbers, not "generous".
- What happens at the limit. Blocked, throttled, paused or billed? Say it on the page.
- No card required. If true, say so near the button; it removes a real objection.
- Duration. Free forever, or a trial? Don't make developers guess.
- Upgrade trigger. Which limit people usually hit first, so they can plan.
How do you design a usage-based pricing page for developers?
Design a usage-based pricing page around the unit developers can predict, with a calculator or worked example that turns their expected usage into a monthly number. Usage pricing is fair, but only if people can estimate it before they commit.
Pick one primary unit
Requests, events, emails, compute time or rows. Lead with the unit most customers pay for.
Publish the rate table
Price per unit, volume tiers and included amounts per plan, in one table.
Add a calculator
Sliders or inputs for the main units, with a live monthly estimate and the plan it implies.
Show a worked example
"A typical side project" and "a growing startup" with their estimated bills, labelled as examples.
Explain the controls
Spend caps, alerts, budget limits and how to see usage in the dashboard.
For example, suppose an API charges per request
Hypothetical example: an API includes a free monthly allowance of requests, then charges per thousand requests with lower rates at higher volumes.
A good page shows the allowance and rate table, a slider for monthly requests that shows the estimated bill, two labelled sample workloads, and a sentence on what happens past the free allowance on the free plan (requests are rejected) versus on paid plans (billed at the published rate, with an optional cap). The developer never needs to email anyone to get a number.
Our deeper guide to pricing pages for usage-based and AI products covers credits and tokens, and AI pricing page design covers products that bill on model usage.
How should seat-based developer tools present pricing?
Seat-based developer tools should define what a seat is, show the per-seat price for each plan, and say how seats are counted and billed when people join or leave. Teams buying seats want to predict cost as they hire.
Clarify whether read-only users, bots or CI accounts count as seats; that's a common source of surprise. If you combine seats with usage, show both parts on each plan card and give an example team size. Put the enterprise tier last with the features that justify it, such as SSO, audit logs and support terms, and only there use "Contact sales".
What should a devtools pricing page FAQ answer?
A devtools pricing page FAQ should answer billing objections developers raise before trying a tool: overage, caps, plan changes, self-hosting, open source licensing, data limits and how to cancel. Put it on the page, visible, not behind a link.
Question | Why it matters |
|---|---|
What happens if I go over my limit? | The top fear with usage pricing |
Can I set a spending cap? | Removes the risk of a surprise bill |
Do you charge for test or staging usage? | Affects how teams develop |
Can I self-host instead? | Key for open source and regulated buyers |
How do I cancel or downgrade? | Signals there's no lock-in |
Where should pricing live on a devtools site?
Pricing should live on its own page linked from the main navigation, from the docs header and from the dashboard's billing screen. Developers often reach the pricing question mid-integration, inside the docs, so a pricing link only on the homepage is easy to miss.
Link rate details from the relevant reference pages too: if an endpoint costs more, say so in its docs. For the docs side of this, see developer documentation site design; for the path from sign-up to first call, see API company website design. For broader inspiration outside devtools, browse our SaaS pricing page examples.
