Skip to main content
Components

Pricing table with usage calculator

Ceros

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.

What Is Featured

Tabs

Cards

Pricing table

Hover interactions

Responsive

Brand kit-ready

Dark

Enterprise

CTA section

Show/hide interaction

Minimal

SDK