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.
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.
