Pricing Toggle Pro

A fully animated, highly customizable pricing toggle component for Framer. It features 7 style variants, full color control over every element, a usage-based pricing slider, 10 independently controllable effects, and demo mode for previews, and more!

Version: 1.0

Changelog

v1.0 — Initial release

• 7 style variants: Dark Luxury, Glass, Minimal, SaaS Clean, Bold, Editorial, Slate

• 16 fully overridable color controls

• 10 configurable effects with individual sub-controls

• Usage-based pricing slider (linear, tiered, flat)

• 1–4 plans with all fields editable

• Framer font picker for display and body fonts

• Demo mode with rapid-toggle guard

• Performance mode

• And more!

🎬 Demo Mode

Automatically toggles between Monthly and Annual every 4 seconds. Perfect for Framer previews and marketplace demos, but turn off for live sites since it won't really be needed!

⚡ Performance Mode

Disables the three heaviest effects: 3D Card Tilt, Particle Burst, and Shimmer with a single toggle. It is recommended for sites with many other animations or lower-end devices.