---
title: "Toggle Pricing Card — Framer component · Best of Framer"
description: "$6.00 · Framer component · by Kumar SK · Cards. Flexible pricing card with toggle states"
canonical: "https://framer.elliotli.dev/component/toggle-pricing-card"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Toggle Pricing Card

# Toggle Pricing Card

Flexible pricing card with toggle states

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

![Toggle Pricing Card preview image 1](https://framer.elliotli.dev/og/component/toggle-pricing-card/b699ae539c4b6ad9/1600x1200.jpg)

## Summary

Flexible pricing card with toggle states

## Description

## Overview

A single pricing card built for clarity and flexibility. Includes toggle-based pricing, clean layout, and smooth interaction, making it suitable for modern product and service pages.

## Getting Started

-   Add the component to your canvas
    
-   Update plan details and pricing
    
-   Use the toggle to switch between states
    
-   Customize styles as needed
    

## Customization

-   All text property controls are available on the main pricing card component
    
-   Update plan name, description, pricing, and feature list easily
    
-   To modify colors and add new features, edit directly inside each item
    
-   Adjust layout and styles within the component structure
    
-   Maintain consistency across states for a clean look
    

## Property Controls

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-2lj0x6z0-ktLKhQwMGseQmKT7SwDFo4d4ttGBj6)

## Use Cases

-   SaaS pricing sections
    
-   Design studio offerings
    
-   Subscription plans
    
-   Landing pages
    

## Notes

-   Built using native Framer properties
    
-   Includes monthly and yearly toggle states
    
-   Designed as a single reusable pricing card
    
-   Flexible structure for easy updates
    

## Support

If you have any questions or need custom components, feel free to reach out at [**s.senthil2206@gmail.com**](mailto:s.senthil2206@gmail.com)

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

-   All · #7754

## Details

- **Author**: Kumar SK
- **Price**: $6.00
- **Published**: 2026-05-12
- **Updated**: 2026-05-12
- **Added**: 2026-05-05
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator