Back to all components

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

Category

Clonable

Category

Clonable

Author name

Luca Da Corte

Author name

Luca Da Corte

Last Updated

Dec 23, 2023

Last Updated

Dec 23, 2023

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.

If you want a step-by-step tutorial on how to implement this pricing toggle within your Framer site, I've created a guide you can find here.