Categorized pricing comparison table

Long-form feature comparison table grouped by category rows, with checkmark or dash cells per plan. Pair with the pricing-tier cards above the fold; this table is for the buyer who scrolls to verify a specific line item.

pattern · vercel.com pricingvanilla

Get a site with blocks like this

Live preview

open in new tab ↗

<section class="v-cmp">
  <table class="v-cmp-table">
    <thead>
      <tr><th></th><th>Hobby</th><th>Pro</th><th>Enterprise</th></tr>
    </thead>
    <tbody>
      <tr class="v-cmp-section"><td colspan="4">Delivery network</td></tr>
      <tr><td>Bandwidth</td><td>100 GB</td><td>1 TB</td><td>Custom</td></tr>
      <tr><td>Edge requests</td><td>1M / month</td><td>10M / month</td><td>Custom</td></tr>
      <tr><td>Image optimization</td><td class="v-cmp-yes">&#10003;</td><td class="v-cmp-yes">&#10003;</td><td class="v-cmp-yes">&#10003;</td></tr>
      <tr class="v-cmp-section"><td colspan="4">Access and security</td></tr>
      <tr><td>Password protection</td><td class="v-cmp-no">&#8212;</td><td class="v-cmp-yes">&#10003;</td><td class="v-cmp-yes">&#10003;</td></tr>
      <tr><td>SSO / SAML</td><td class="v-cmp-no">&#8212;</td><td class="v-cmp-no">&#8212;</td><td class="v-cmp-yes">&#10003;</td></tr>
    </tbody>
  </table>
</section>

Block id: vercel-pricing-comparison-tablevanilla · drop-in

More pricing blocks

Four-tier pricing with lifted recommended plan

cal.com

Pricing feature comparison table with highlighted column

cal.com

Four-tier pricing table with feature bullets

linear

Three-tier pricing cards with highlighted plan

stripe

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.

Get my free 15-min audit Book a Discovery Call