Pricing Toggle

Show your plans the way customers shop them. The Pricing Toggle renders a clean, responsive pricing grid with a live Monthly/Yearly switch — prices swap instantly, no page reload — plus a "Save" badge and a highlighted "Popular" plan to steer the choice.

Key features

• Animated billing toggle that swaps monthly and yearly prices in place
• Optional savings badge on the yearly option (e.g. "Save 20%")
• Unlimited plans via a simple repeater — name, prices, features, and button per plan
• Featured plan highlighting with a "Popular" ribbon
• Auto-formatted feature lists with checkmarks (one feature per line)
• Set the default view to monthly or yearly
• Full styling: toggle off/on and knob colors, label and badge typography
• Card controls: background, featured background, border colors, corner radius, padding, gap, and box shadow
• Typography and color for plan name, price, features, and the Popular badge
• Button controls: typography, text and background color, hover states, padding, and corner radius
• Lightweight, dependency-free, and responsive

Add your plans, flip the toggle on, and style every element to match your brand.