Our free WordPress themes are downloaded over 7 MILLION times. Get them now!
Templates

Tabs V07

tabs v07

Template Details

Author: Colorlib

Released: September 2026

License: CC BY 3.0

Description

A pricing section where a Monthly and Yearly tab switch the prices in three plan cards. Yearly shows the discounted per-month price, the yearly total and a Save 20% badge on every card. Both tabs control the same panel, and a polite live region announces the change for screen reader users.

It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 155 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.

  • Pill switch with a sliding gradient thumb
  • Prices, totals and badges read from data attributes
  • Live region announces the selected billing period
  • Highlighted most popular plan
  • Monthly prices shown when JavaScript is off
Download
Preview
Back To Top

Download this template

Enter your email to get the free download link. We'll also send you occasional updates about new templates.

If you wish to withdraw your consent and stop hearing from us, simply click the unsubscribe link at the bottom of every email we send or contact us at [email protected]. We value and respect your personal data and privacy. To view our privacy policy, please visit our website. By submitting this form, you agree that we may process your information in accordance with these terms.