Four-tier pricing table with feature bullets
Four-tier table with one highlighted plan, tag placed on the top border like a floating label. Reads best with 3-6 bullets per tier, more and the cards go uneven height.
Live preview
open in new tab ↗<div class="lpt-wrap">
<div class="lpt-grid">
<div class="lpt-card">
<h4>Free</h4><div class="lpt-price">$0</div><p class="lpt-sub">Free for everyone</p>
<ul><li>Unlimited members</li><li>2 teams</li><li>250 items</li></ul>
<a class="lpt-cta lpt-cta-ghost" href="#">Get started</a>
</div>
<div class="lpt-card">
<h4>Basic</h4><div class="lpt-price">$10<span>/user/mo</span></div><p class="lpt-sub">Billed yearly</p>
<ul><li>All Free features +</li><li>5 teams</li><li>Unlimited items</li></ul>
<a class="lpt-cta lpt-cta-ghost" href="#">Get started</a>
</div>
<div class="lpt-card lpt-card-highlight">
<span class="lpt-tag">Most popular</span>
<h4>Business</h4><div class="lpt-price">$16<span>/user/mo</span></div><p class="lpt-sub">Billed yearly</p>
<ul><li>All Basic features +</li><li>Unlimited teams</li><li>Priority intelligence</li></ul>
<a class="lpt-cta lpt-cta-solid" href="#">Get started</a>
</div>
<div class="lpt-card">
<h4>Enterprise</h4><div class="lpt-price">Custom</div><p class="lpt-sub">Annual billing only</p>
<ul><li>All Business features +</li><li>SAML and SCIM</li><li>Account management</li></ul>
<a class="lpt-cta lpt-cta-ghost" href="#">Contact sales</a>
</div>
</div>
</div>Block id: linear-pricing-tablevanilla · swap-content
More pricing blocks
Want the whole site, not just the block?
We ship real client sites in 3 weeks — with blocks like this one, wired to your brand.