Three-plan pricing
Three pricing cards in a row. The standard SaaS pricing block for entry, mid, and premium tiers.
pricing/cards/three-up
Pricing section templates
The conversion block: plan cards with billing toggles, highlighted tiers, enterprise bands, compact tables and full feature-comparison matrices.
9 variants · neutral wireframe · ready to reskin with your design tokens
Three-plan pricingTwo-plan pricingFour-plan pricingPricing tablePricing with billing togglePricing cards with iconsPricing with enterprise bandDetailed pricing cardsPlan comparison matrix
Two-plan pricing
Two pricing cards side by side. Compact layout for a basic vs pro choice.
pricing/cards/two-up
Four-plan pricing
Four pricing cards covering a broader plan spectrum (free to enterprise).
pricing/cards/four-up
Pricing table
Tabular pricing with one row per plan: name, description, price, CTA. Dense, comparison-friendly view.
pricing/table/table
Pricing with billing toggle
Three pricing cards under a monthly/annual toggle pill, middle plan highlighted. The classic SaaS setup.
pricing/cards/toggle
Pricing cards with icons
Three pricing cards with plan icons and feature checklists. Icon-enhanced plan presentation.
pricing/cards/with-icons
Pricing with enterprise band
Three standard cards plus a separate enterprise band with its own CTA. Separates self-serve from sales-led.
pricing/cards/with-enterprise
Detailed pricing cards
Three cards with badges, long feature lists, and tags. Rich plan presentation for feature-heavy products.
pricing/cards/detailed
Plan comparison matrix
Multi-column table with plan headers and one feature per row. Full feature comparison, scrolls on mobile.
pricing/table/comparison-table
claude mcp add --transport http rifframe https://rifframe.app/api/mcp > "Add a pricing section to my landing page"
Your coding agent can search and pull these sections directly. How it works.