Skip to main content

Pricing Table

Comparable pricing plans with price, feature list, a "featured" highlight and a call-to-action — in several card designs. Tabs: Content, Design, Styling, Animations, Advanced.

Content

Pricing Table options panel — Content tab
  • Heading — optional section heading.
  • Plans — a repeatable list; each plan has:
Per-plan optionNotes
Plan NameDefault Starter
IconOptional
SubtitleOptional
Currency Symbol / Price / Periode.g. $ · 29 · /mo
FeaturesOne per line; prefix - to mark a feature unavailable
FeaturedHighlight this plan
Ribbon / BadgeOptional corner badge
Button Label / URLDefault Choose Plan; Open in New Tab toggle

Design

Pricing Table options panel — Design tab
OptionChoices
DesignClassic · Minimal · Shadow · Flat · Gradient · Outline · …
Columns (Desktop)2 · 3 · 4 · 5
GapSpacing presets
Raise the Featured PlanOn/Off
Text AlignmentLeft · Center · Right

Styling

Pricing Table options panel — Styling tab

Accent Color (featured highlight, price, button), Section / Card Background, Plan Name / Price / Features colors, a Font Size Preset, and Margin & Padding.