Vertical feature tabs with rotating gradient background
Stacked tab list where clicking an item swaps both the copy panel and the card's background gradient, gives a feature list some motion without a carousel. Limit to three or four tabs, more than that and the background changes feel busy.
Live preview
open in new tab ↗<div class="sw-accordion-tabs" id="swAccTabs">
<div class="sw-acc-bg"></div>
<div class="sw-acc-nav">
<button class="sw-acc-item sw-acc-active" data-bg="a">Launch new pricing faster</button>
<button class="sw-acc-item" data-bg="b">Recover revenue automatically</button>
<button class="sw-acc-item" data-bg="c">Scale into new markets</button>
</div>
<div class="sw-acc-panel">
<p>Package products into plans, bundles and add-ons, and adjust pricing without a re-platform.</p>
</div>
</div>Block id: stripe-feature-accordion-rotating-bgvanilla · swap-content
More feature-list 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.