Pricing

Style One

Three-column pricing cards with icon headers and featured border. Each card includes icon badge, plan details, feature list with checkmarks, and call-to-action buttons. Features header with description and action buttons.

Style Two

Simplified pricing cards with dual action buttons. Features large pricing display, plan name, and feature lists. Each card includes both primary and outline button options in the footer.

Style Three

Two-column pricing with billing toggle and detailed features. Includes tabs for monthly/annual billing with savings badge, plan descriptions, and extensive two-column feature grids with checkmark indicators.

Style Four

Comparison table pricing with detailed feature breakdown. Features billing tabs, comprehensive feature comparison across plans with category groupings. Desktop view shows side-by-side comparison, mobile shows stacked layout.

Style Five

Popular badge pricing with muted background. Three-column layout with "Most popular" badge on recommended plan, clean feature lists, and varied button styles to emphasize the featured option.

Style Six

Two-column detailed pricing with feature descriptions. Features recommended badge, detailed feature explanations under each point, and different visual treatment for the featured plan with primary background tint.

Style Seven

Annual/monthly toggle with switch component. Three-column layout featuring interactive switch for billing period, real-time price updates, and savings badge. Displays annual total when yearly billing selected.

Style Eight

Four-tier pricing with icon badges and custom pricing option. Features icon headers, highlighted popular plan, free tier, and enterprise custom pricing. Organized with key features section separated by border.