Free vs Pro
Free and Pro columns with their own feature lists and CTAs, with Pro framed by a primary ring.
Free and Pro columns with their own feature lists and CTAs, with Pro framed by a primary ring.
Search blocks by description or jump to a page.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Free vs Pro opens with a centered heading and a one-sentence subline that frames the value proposition, then drops into a two-column card grid. The left card carries the Free plan: a tier name, a tagline, a "$0 forever" price display, an outline CTA button, and a checkmark list of five inclusions. The right card mirrors that structure for the Pro plan, with a per-member monthly price and a solid CTA button, and is visually separated from its sibling by a primary-colored ring and a subtle shadow.
Both cards are self-contained, so you can rewrite any line of copy, swap the feature lists, or adjust the price without touching the layout. The heading and subline above the grid are independent of the cards and can be shortened or removed if the surrounding page already sets the context.
Reach for this block when your product analytics SaaS offers a permanent free tier and you want visitors to understand the upgrade path without being pushed straight to a trial. The two-card layout keeps the comparison tight and readable, which suits a pricing section on a marketing homepage or a standalone pricing page. Where a full feature matrix shows every row, this block trusts a short highlight list to carry the argument, making it the right choice when the gap between tiers is clear enough to state in six lines rather than a table.
A natural flow around it on a Marketing Pro page:
Before
After
The block is built for any two-tier product where one plan is free and one is paid. A few ways to use the frame:
Tip: keep the free feature list shorter than the pro list so the visual weight of the Pro card naturally draws the eye to the upgrade.