---
title: "SolvanePricingToggle — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Noel Dario Andres · Buttons. Premium animated pricing toggle"
canonical: "https://framer.elliotli.dev/component/solvanepricingtoggle"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/SolvanePricingToggle

# SolvanePricingToggle

Premium animated pricing toggle

[View on Framer](https://framer.com/marketplace/components/solvanepricingtoggle/?via=elliot-li)

![SolvanePricingToggle preview image 1](https://framer.elliotli.dev/og/component/solvanepricingtoggle/5f280299cf242910/1600x1200.jpg)

## Summary

Premium animated pricing toggle

## Description

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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #10937

## Details

- **Author**: Noel Dario Andres
- **Price**: $5.00
- **Published**: 2026-06-05
- **Updated**: 2026-06-05
- **Added**: 2026-06-04
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything
