Pricing Matrix

Show Preview
Pricing Matrix
Pricing Matrix

About Pricing Matrix

Pricing Matrix

A plan comparison table with billing and currency switching, in light and dark mode.

Pricing Matrix is a three-plan comparison table for SaaS and product websites. Visitors can switch between monthly and yearly billing, and between USD, EUR and GBP, and every price updates in place. Nothing on the page moves when they toggle, so the buttons stay lined up across all three plans.

What’s included

  • 3 plans, with a highlighted “Most popular” tier

  • A feature comparison matrix: type yes, no, or your own text for each plan

  • A monthly/yearly toggle with a yearly discount you set (24% by default), rounded to whole numbers

  • A currency switcher where you set your own price for each currency, so €28 stays €28 instead of an automatic conversion like €27.41

  • Light, dark or system theme, with your own background color for each

  • Two font controls: one for plan names and prices, one for everything else

  • One card per plan on mobile (below 760px by default)

How to use

  1. Add Pricing Matrix to your page and set its width to Fill.

  2. Enter your plans, prices and features in the properties panel.

  3. Choose your theme, accent color and fonts.

Free to use in personal and client projects.

Thanks for taking a look.

Related Components

Data Chart Pro
Insight Donut Chart
FlexiChart Pro
Basic Bar Chart