Skip to content
Forge

Pricing with monthly / annual switch

A switch showing monthly or annual prices, with the saving stated.

  • Tailwind
  • React
  • CSS
  • WordPress
Open in a new tab

Description

The switch is a real radio button group: it works with arrow keys and announces the chosen option. Prices update instantly and the billing note changes with them, so no visitor misreads the amount charged.

Code

Loading the code…

Archive contents

tarifs-bascule-annuelle-html-tailwind.zip3 files · 4 Ko

  • index.html4 Ko
  • README.md2 Ko
  • LICENSE.md1 Ko

Tags

Updated on October 12, 2026.

In the same spirit

  • Three-column pricing

    Free

    Three plans side by side, the middle one highlighted.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Plan comparison table

    Coming soon

    A table comparing plan features row by row.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Single offer with guarantee

    Free

    A single plan presented in detail, with a reassuring satisfaction guarantee.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Service price list

    Free

    A menu-style price list grouped by service family, with dot leaders.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component