---
title: "Pricing toggle Table — Framer component · Best of Framer"
description: "$12.00 · Framer component · by vora · Buttons. Monthly/annual toggle with usage slider"
canonical: "https://framer.elliotli.dev/component/pricing-toggle-table"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Pricing toggle Table

# Pricing toggle Table

Monthly/annual toggle with usage slider

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

![Pricing toggle Table preview image 1](https://framer.elliotli.dev/og/component/pricing-toggle-table/6cc733e47dc8ba12/1600x1200.jpg)

## Summary

Monthly/annual toggle with usage slider

## Description

What's included:

\- Monthly/Annual billing toggle with savings badge

\- Usage slider with real-time price adjustment

\- 3 pricing tiers with full customization

\- Most Popular badge on highlighted tier

\- Animated price transitions

\- Feature checklist per tier

\- CTA buttons with link support

\- Full color and typography customization

⚠️ Setup tip:

Set the component Width to Fixed (900px) and Height to Fixed (800px or more) in Framer for best results.

Property Controls:

Annual Toggle, Annual Discount, Usage Slider, Usage Label,

Usage Min/Max/Step, Tier Names/Prices/Descriptions/Features/CTAs,

Popular Badge, Save Badge, Primary Color, Background, Card BG,

Text Color, Label Color, Border Radius, Font Size, Currency Symbol

Need help or custom modifications? Feel free to reach out.

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

-   All · #11100

## Details

- **Author**: vora
- **Price**: $12.00
- **Published**: 2026-04-16
- **Updated**: 2026-04-17
- **Added**: 2026-04-13
- **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
