Pricing Table V02
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
Four plan cards for a web analytics product with a toggle switch that moves between monthly and annual billing. When the switch changes, each price counts up or down to its new value and the billing note underneath updates. The switch is a button with aria-pressed, and a polite live region announces the change.
It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 248 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Toggle switch built from a button with aria-pressed
- Count-up price animation with requestAnimationFrame
- Prices and notes read from data attributes
- Instant update when reduced motion is preferred
- Four, two or one column layout by width
Similar Templates
