SolvanePricingToggle: Premium Interactions Component by Noel Dario Andres

A polished Framer pricing toggle with animated active state, glow, shimmer, cursor light, badge support, sub-labels, and visual controls.

About this Component

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.