Pricing table

A block that lays out the price options for a service or product so you can compare them at a glance.

Also called: pricing, pricing table, pricing plans, plans, plan, price list, prices, tariffs, subscription, subscription plans, monthly or yearly, monthly yearly toggle

What it is for

It puts the plans side by side. It usually highlights the recommended plan, lists the features, and has a billing-period switch (monthly or yearly) that shows how much you save.

Where you see it

  • SaaS platforms — comparing Basic, Pro and Enterprise plans
  • Hosting — choosing a server configuration
  • Online courses — enrollment options

What it is called in code

  • pricing table
  • plans

See also

  • Radio button — A small circle used to pick one option out of several. Choosing another one clears the previous choice.
  • Card — A rectangular block that gathers everything about one thing: a photo, a name, a price, a button.
  • Toggle (switch) — A control that flips between two states: on and off.