Skip to content

component

PlanProof

By knokknokD

Details

Summary

PlanProof keeps the decision layer together: billing cycle, plan emphasis, CTA links, and feature comparison all stay visually aligned.

Description

What it includes - Monthly/yearly billing toggle - Three editable plan cards - Highlighted recommended plan - CTA links per plan - Responsive feature comparison table - Mobile-friendly comparison rows - Optional iOS-style glass effect - Five press-only physical interaction presets with no hover wobble - Static-renderer and Reduced Motion safe behavior - Token-friendly colors and editable radius Best for - SaaS pricing pages - AI tool landing pages - Framer templates - Productized service pages - Startup waitlist and launch pages Why it feels premium Most pricing components stop at cards. PlanProof keeps the decision layer together: billing cycle, plan emphasis, CTA links, and feature comparison all stay visually aligned. It is built for the part of the page where buyers decide, not just where prices are displayed. Usage 1. Add PlanProof to a Framer page. 2. Edit the three Plans in the Properties panel. 3. Edit Feature Rows to match your offer. 4. Set the default billing cycle and yearly savings badge. 5. Toggle Glass and Motion as needed. 6. Preview desktop and mobile before publishing. Price $19 one-time purchase. License Personal and single-business use. Redistribution or resale as a standalone component is not allowed. Refund note Because this is a digital code component, refunds are not available after access unless the component has a reproducible technical issue that cannot be fixed.

Introduction

polished SaaS pricing component

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600179808/148/228/309/79/15
  • All · #7756