Expandable customer story rows with stat chips

Accordion of case-study rows, only one open at a time, each reveals two stat chips on expand. Good for a customer-proof section without full case study pages. Replace the stat numbers and copy with the client's real, verifiable figures only.

pattern · stripe.com feature-list composite animation-hovervanilla

Get a site with blocks like this

Live preview

open in new tab ↗

<div class="sw-story-list">
  <div class="sw-story-row sw-story-open">
    <div class="sw-story-head">
      <h4>Northwind unifies commerce across channels.</h4>
      <span class="sw-story-chevron">&#9660;</span>
    </div>
    <div class="sw-story-body">
      <p>Read how a national retailer combined online and in-store sales onto one platform.</p>
      <div class="sw-story-stats">
        <div><strong>160</strong><span>countries</span></div>
        <div><strong>11K+</strong><span>locations</span></div>
      </div>
    </div>
  </div>
  <div class="sw-story-row">
    <div class="sw-story-head">
      <h4>Vertex consolidates revenue onto one ledger.</h4>
      <span class="sw-story-chevron">&#9660;</span>
    </div>
    <div class="sw-story-body">
      <p>See how a multi-brand retail group unified billions in revenue across storefronts.</p>
      <div class="sw-story-stats">
        <div><strong>5+</strong><span>brands</span></div>
        <div><strong>700+</strong><span>store locations</span></div>
      </div>
    </div>
  </div>
  <div class="sw-story-row">
    <div class="sw-story-head">
      <h4>Cartsy powers same-day delivery at scale.</h4>
      <span class="sw-story-chevron">&#9660;</span>
    </div>
    <div class="sw-story-body">
      <p>Learn how a grocery marketplace scaled payouts to a growing shopper network.</p>
      <div class="sw-story-stats">
        <div><strong>600K+</strong><span>shoppers</span></div>
        <div><strong>1.8K</strong><span>retail partners</span></div>
      </div>
    </div>
  </div>
</div>

Block id: stripe-customer-story-accordionvanilla · swap-content

More feature-list blocks

Three-step "how it works" cards

cal.com

Sequenced notification list

magicui

Vertical feature tabs with rotating gradient background

stripe

Capability columns with feature tags

vercel.com

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