Why teams buy 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.
What you get
- 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
Configure in the sidebar
Every visual and behavioral option is a property control — drop the component on your canvas, open the right panel, and rebrand it to match your project in minutes.



