This Glowing Price Toggle introduces your payment plans - free version, monthly payment, or annual payment. The user can quickly view all three options and choose what fits best.
Make it with Workshop
Build your own component with AI
Seemless transitions is what helps guide the user to a decision. The subtle glow and flowing transitions create an emotional pull - makes you want to interact. 🧡
Built to work perfectly in Framer, we built a minimal but fun toggle pricing component.
Three dynamic states — Free, Monthly, and Annual — all animated smoothly.
Fully customizable, easy to adjust colors, spacings, fonts.
Minimal setup — just drag and drop
SaaS or startup pricing sections
Landing pages showing subscription tiers
Product demos emphasizing premium UX
Modern sites with a tech or futuristic aesthetic