Pricing Table V09
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
Three plan cards for a photo editing app with a currency switcher in the header. Choosing USD, EUR or GBP rewrites every monthly and yearly price with Intl.NumberFormat in that currency's locale, so euros read 10,99 € and yearly totals get the right separators. The switcher is a native radio group inside a fieldset, so it works with arrow keys out of the box.
It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 299 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Native radio group styled as a segmented control
- Locale-aware prices with Intl.NumberFormat
- Separate price points per currency in data attributes
- Polite live region names the chosen currency
- Pastel gradient header band per plan
Similar Templates
