>

Pricing Toggle

Pricing Toggle

Pricing Toggle

This is a monthly/annual pricing toggle created in Framer without the need for any code. Feel free to remix the project or read the guide on how to build it from scratch.

Monthy/annual pricing toggle in Framer
Monthy/annual pricing toggle in Framer
Monthy/annual pricing toggle in Framer

Overview


This component uses two simple variants to create the effect of switching between a monthly and an annual pricing plan. It's easily customisable and also includes two variants for the mobile version.


Use the buttons on the right to either learn how to recreate this component from scratch or remix the final project (or both!).