SolvanePricingToggle

Premium animated pricing toggle

Solvane Pricing Toggle is a premium Framer Code Component for switching between pricing options, billing periods, subscription plans, product versions, or feature modes. It includes a smooth animated active indicator, glow effect, cursor-following light, shimmer highlight, optional sub-labels, optional savings badge, multiple visual variants, and full customization through Framer property controls. Everything can be edited directly inside Framer. You can adjust the left and right labels, sub-labels, badge text, default option, size, shape, colors, active state, glow, border, radius, hover behavior, and disabled state without touching the code. Key features: • Animated segmented toggle • Monthly / yearly pricing switch layout • Optional sub-labels • Optional savings badge • Smooth active indicator animation • Glow effect • Cursor-following light • Shimmer highlight • Pill and rounded shapes • Small, medium, and large sizes • Obsidian, Aurora, Glass, Pearl, and Minimal variants • Full-width option • Custom colors, border, glow, active state, radius, and typography • Hover lift interaction • Disabled state • Built with React and Framer Motion • No heavy external dependencies Use it for SaaS pricing pages, subscription products, AI tools, memberships, Shopify apps, template shops, agencies, productized services, and modern Framer landing pages.

Premium animated pricing toggle