Skip to content
BestSaaSWebDesigns

Pricing — 131 examples

131 SaaS website pricing page & section design examples

Pricing is where intent meets friction. These examples show how the best SaaS products present plans — making tiers easy to compare, guiding toward a recommended option, and answering objections right where they arise.

SaaS website pricing page & section design examples gallery

icepanel.io/
Icepanel pricing design — Developer Tools
Icepanel— PricingDeveloper Tools
morphllm.com/
Morphllm pricing design — Developer Tools
Morphllm— PricingDeveloper Tools
wati.io/
Wati pricing design — Marketing
Wati— PricingMarketing
cometchat.com/
Cometchat pricing design — Developer Tools
Cometchat— PricingDeveloper Tools
lottiefiles.com/
Lottiefiles pricing design — Design
Lottiefiles— PricingDesign
quiver.ai/
Quiver pricing design — Design
Quiver— PricingDesign
magicpath.ai/
Magicpath pricing design — Design
Magicpath— PricingDesign
zed.dev/
Zed pricing design — Developer Tools
Zed— PricingDeveloper Tools
wonder.design/
Wonder pricing design — Design
Wonder— PricingDesign
paper.design/
Paper pricing design — Design
Paper— PricingDesign
warp.dev/
Warp pricing design — Developer Tools
Warp— PricingDeveloper Tools
cursor.com/
Cursor pricing design — Developer Tools
Cursor— PricingDeveloper Tools
cal.com/
Cal pricing design — Productivity
Cal— PricingProductivity
simplecast.com/
Simplecast pricing design — Marketing
Simplecast— PricingMarketing
useproof.com/
Useproof pricing design — Marketing
Useproof— PricingMarketing
slack.com/
Slack pricing design — Productivity
Slack— PricingProductivity
teachable.com/
Teachable pricing design — E-commerce
Teachable— PricingE-commerce
framer.com/
Framer pricing design — Design
Framer— PricingDesign
basecamp.com/
Basecamp pricing design — Productivity
Basecamp— PricingProductivity
beehiiv.com/
Beehiiv pricing design — Marketing
Beehiiv— PricingMarketing
pitch.com/
Pitch pricing design — Productivity
Pitch— PricingProductivity
homerun.co/
Homerun pricing design — HR
Homerun— PricingHR
webflow.com/
Webflow pricing design — Design
Webflow— PricingDesign
spline.design/
Spline pricing design — Design
Spline— PricingDesign
kajabi.com/
Kajabi pricing design — Marketing
Kajabi— PricingMarketing
assembly.com/
Assembly pricing design — Productivity
Assembly— PricingProductivity
clickup.com/
Clickup pricing design — Productivity
Clickup— PricingProductivity
ramp.com/
Ramp pricing design — Finance
Ramp— PricingFinance
ghost.org/
Ghost pricing design — Marketing
Ghost— PricingMarketing
cartesia.ai/
Cartesia pricing design — AI
Cartesia— PricingAI
zeplin.io/
Zeplin pricing design — Design
Zeplin— PricingDesign
hiro.so/
Hiro pricing design — Developer Tools
Hiro— PricingDeveloper Tools
upvoty.com/
Upvoty pricing design — Productivity
Upvoty— PricingProductivity
unicorn.studio/
Unicorn pricing design — Design
Unicorn— PricingDesign
craft.do/
Craft pricing design — Productivity
Craft— PricingProductivity
nimbusweb.me/
Nimbusweb pricing design — Productivity
Nimbusweb— PricingProductivity

About pricing

Most pricing pages that convert well use three tiers, not two or five — three gives a visitor a middle option to anchor on (priced and featured as the intended default) without the decision fatigue of comparing five nearly-identical rows of checkmarks. The visual treatment of that middle tier (a taller card, a border, a 'most popular' label) is usually the single highest-leverage design decision on the whole page, since it directs where undecided visitors land by default. Annual/monthly toggles need to be genuinely easy to use, not a trick — burying the better price behind a toggle a visitor has to find erodes exactly the trust the page is trying to build. And a short, specific FAQ placed directly beneath the tiers (refunds, seat limits, what happens if you exceed usage) resolves the exact hesitations that stop someone at the point of decision, which is why pricing and FAQ sections are so often paired on the same page rather than separated.

What makes a great one

  • Plans that are easy to compare at a glance
  • A highlighted or recommended tier
  • Clear monthly/annual toggles and what each plan includes
  • FAQs or guarantees that defuse hesitation

Related

FAQ sectionsCTA sectionsFinance & fintech designs

Frequently asked

Should a SaaS pricing page show a free tier?
It depends on the go-to-market motion. Self-serve, high-volume products benefit from a genuinely usable free tier as an acquisition channel; higher-touch or enterprise-leaning products often do better with a free trial instead, since a permanent free tier can undercut sales conversations.
How many pricing tiers convert best?
Three is the most common and generally best-performing structure — it provides a clear middle anchor. Two tiers can feel like a binary decision with no 'safe middle,' and five or more tends to overwhelm rather than clarify.
Should pricing be public or 'Contact us'?
Public pricing builds trust and reduces sales friction for products under a certain deal size; 'Contact us' makes sense once pricing genuinely varies by scale or custom terms. Hiding pricing purely to force a sales conversation, when the price wouldn't actually change much, tends to frustrate evaluators instead.