Skip to main content
Components

Pricing table with usage calculator

Pricing table with usage calculator

Preview

Three plan cards sit under monthly and annual tabs, so switching billing terms swaps every price at once. Pick a traffic tier and each card recalculates its estimate — base price plus overage — with the math shown underneath. Use it for usage-based pricing pages where the cost isn't a single flat number. Works across any industry.