Feature grid with icon and link list

Hairline-divided 3-up grid, each cell an icon chip, short heading, one sentence, and a text link. Reads as technical/infrastructure; swap the icon glyphs for real SVGs before shipping.

pattern · vercel.com feature-gridvanilla

Get a site with blocks like this

Live preview

open in new tab ↗

<section class="v-fg">
  <h2>Built on solid primitives</h2>
  <p class="v-fg-sub">Three building blocks under everything you ship.</p>
  <div class="v-fg-grid">
    <article class="v-fg-card">
      <div class="v-fg-icon">&#9679;</div>
      <h3>Unified gateway</h3>
      <p>One API for every provider, with consistent pricing and latency.</p>
      <a href="#">Start now &rarr;</a>
    </article>
    <article class="v-fg-card">
      <div class="v-fg-icon">&#9633;</div>
      <h3>Isolated sandbox</h3>
      <p>Spin up secure, disposable environments in milliseconds.</p>
      <a href="#">Learn more &rarr;</a>
    </article>
    <article class="v-fg-card">
      <div class="v-fg-icon">&#9650;</div>
      <h3>Open framework</h3>
      <p>Compose agents and workflows with an open source toolkit.</p>
      <a href="#">Start now &rarr;</a>
    </article>
  </div>
</section>

Block id: vercel-feature-grid-icon-listvanilla · swap-content

More feature-grid blocks

2x2 benefit grid with embedded UI snippets

cal.com

Compact 8-up icon feature grid

cal.com

Bordered feature grid with icon tiles

linear

Kanban board mockup with status columns

linear

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