Excl. VATIncl. VAT
€29excl. VAT
Starter
For one person and a side project
€9excl. VAT
Studio
For a small team billing clients
€29excl. VAT
Agency
For everyone, with priority support
€79excl. VAT

Excluding or including, withVAT Toggle

VAT Toggle is the switch and the price, not the pricing card. One component with two roles: drop it above your own cards as the switch, and into each card as the price. The visitor picks, every amount recalculates at the rate for the country you sell in, and the cards stay yours.

One component30 country ratesNo plugins
The switch

Three looks, one job

A segmented control when the two states deserve equal weight, a plain switch when the page is already busy, or two words with an underline when anything more would be too much. All three are real buttons, all three take the keyboard, all three say what they are to a screen reader.

Segmented
€29excl. VAT
Switch
Excl. VATIncl. VAT
€29excl. VAT
Text
€29excl. VAT
The rate

Thirty countries, one picker

Pick the country you invoice from and the standard rate comes with it, every member state plus the UK, Switzerland and Norway. A reduced rate, or somewhere off the list, goes in as a number.

Netherlands21%
€29excl. VAT
Excl.Incl.
Germany19%
€29excl. VAT
Excl.Incl.
Luxembourg17%
€29excl. VAT
Excl.Incl.
Hungary27%
€29excl. VAT
Excl.Incl.
The number

Formatted like your market

Currency before or after, comma or point, two decimals or none, and a round amount that drops its trailing zeros. Rounding is half up, so a price never lands a cent short of what the invoice will say.

21% VAT
Dutch
€1.499,50
English
£1,499.50
Currency after
1.499,50 €
No decimals
€1.500
Your design

It borrows your type

The price is a text layer with a font control, not a picture of a price. Set it once to the style your cards already use and it stops looking like a component. The switch takes your colours, radius and font the same way.

Grotesque
€29excl. VAT
Mono
€29excl. VAT
Serif
€29excl. VAT
Setup

How it works

Three steps and the pricing switches. No plugins, no API keys, no backend. What follows is the Framer editor, recorded.

01
Drop the switch in

Drag VAT Toggle onto the page above your pricing and pick the country you invoice from.

Dragging VAT Toggle from the Assets panel onto a Framer page, then its Country control in the property panel
02
Drop it in again as the price

Same component, Role set to Price. Type the amount you already publish and say whether it is excl. or incl. VAT.

Dragging the component in a second time, setting Role to Price, and typing an amount
03
Leave the group alone

Everything with the same group follows the same switch. Two pricing sections on one page get two names.

Typing the same group name into the Group field on the toggle and on the price
Get it

Put it on your own pricing

One component, two roles and 30 country rates. Buy it once and use it in every project you build.

Get VAT Toggle for $9
The Creator

Made by Michelle

I am Michelle. Under the name Zo-e I do branding, websites and marketing for companies that want to stand out, plus a growing set of Framer templates and components. I like taking a look inside a client's head and then making something better than they had in mind. This component started the same way.

Michelle de Haas, the designer behind Zo-e
VAT Toggle byWorks on every Framer plan. No plugins, no API, no backend.

Create a free website with Framer, the website builder loved by startups, designers and agencies.