Two Plans
Two large plan cards side by side, a light free tier and an inverted paid tier, each with a price and CTA, over a group discounts link.
Two large plan cards side by side, a light free tier and an inverted paid tier, each with a price and CTA, over a group discounts link.
Search blocks by description or jump to a page.
The source for every Modern SaaS block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Two Plans is the simplest version of the choice: a free tier and a paid tier, side by side, with nothing else competing for attention. An uppercase label and a short headline open the section, then two large cards do the rest, a light free card next to an inverted paid card, each carrying a one line pitch, a price, and a single pill button. A quiet link below points anyone with a bigger need toward group pricing.
The paid card is built from theme tokens rather than a brand color, so it reads as a confident dark panel on a light page and flips in dark mode. There is no feature list inside the cards, which keeps the decision down to price and fit and makes the block a fast, low pressure close.
Reach for this block when a project management workspace offers exactly two plans and you want the choice to feel effortless: free to get started, paid to unlock the full workflow. It fits the pricing moment on a landing page or as a compact standalone pricing page, especially when a long feature table would be more than the decision needs.
A natural flow around it on a Modern SaaS page:
Before
After
The obvious fit is a free tier beside a single paid upgrade, each with a price and a CTA. A few other ways to use the frame:
Tip: keep each card to a single sentence of positioning so the two prices stay the focus and the choice reads at a glance.