Pricing Blocks
Copy-paste React sections for pricing pages: tiered plan cards, monthly/yearly and currency toggles, feature comparison tables, usage and per-seat calculators, and add-on and enterprise-contact layouts. Each block ships as plain, editable component code, not a runtime dependency.
Three Tier Cards
Classic three-column pricing cards with one plan visually highlighted as the recommended choice.
Monthly/Yearly Toggle
Three-tier pricing cards with a real billing-period toggle that switches every displayed price.
Single Plan Highlight
One centered, larger card for a single plan with a big price, full feature list, and a primary CTA.
Comparison Table
A full feature-matrix table comparing 3-4 plan tiers row by row, with a horizontal scroll fallback on mobile.
Enterprise Contact Card
A standard self-serve plan card next to a distinctly-styled Enterprise card with custom-quote messaging.
Pricing With Testimonial
Pricing cards paired with a single customer quote block for social proof, side by side on large screens.
Tabbed Audience Pricing
Pill tabs switch between separate plan sets for different audiences, e.g. individuals vs. teams.
Add-on List Pricing
A base plan card with a checkbox list of optional add-ons and a running total that recalculates live.
Pricing With FAQ
Pricing cards followed by a short billing FAQ with a real single-open accordion.
Money-Back Guarantee
Pricing cards with a prominent shield-icon money-back guarantee banner below them.
Per-Seat Calculator
A single plan card with a real +/- seat stepper that recalculates the monthly total live.
Simple Two Column
A minimal Free vs. Pro two-column comparison with just price, features, and a CTA.
Annual Savings Badge
Annual-only pricing cards with a struck-through monthly-equivalent price and a Save 20% style badge on each tier.
Currency Region Toggle
Pricing cards with a real segmented control to switch the displayed currency between USD, EUR, and GBP.
Credits Pay As You Go
Usage-based pricing block with credit-bundle tiers, a per-unit price on each, and a short explainer of what a credit covers.
Logos Below Pricing
Pricing cards followed by a "Trusted by teams at" text-wordmark logo strip below.
Sticky Comparison Highlight
Three-tier pricing row where the recommended plan is visually lifted, scaled up, and marked with a ribbon-style badge.
Enterprise Custom Quote
Single full-width enterprise/custom-pricing card with no listed price, a capability checklist, and a Talk to sales CTA.