SaaS Pricing Table is a two-plan feature comparison widget that gives visitors a clean, instant way to see what each plan includes — before they decide.
Drop it on any Framer page. No libraries. No configuration beyond the property panel.
How it works: Visitors toggle between Plan 1 and Plan 2 using an animated pill switch. The feature list updates instantly. Included features show an accent-colored checkmark. Unavailable features show a muted dash — no icons, no visual clutter.
Everything is editable from the right panel: plan names, feature rows (each with a name and per-plan availability toggles), accent color, background, card color, and text color. The card height adjusts automatically to the number of features — zero layout shift.
Built with pure React and CSS transitions. No framer-motion. No external dependencies. Static renderer safe.
SaaS Pricing Table is a two-plan feature comparison widget that gives visitors a clean, instant way to see what each plan includes — before they decide.
Drop it on any Framer page. No libraries. No configuration beyond the property panel.
How it works: Visitors toggle between Plan 1 and Plan 2 using an animated pill switch. The feature list updates instantly. Included features show an accent-colored checkmark. Unavailable features show a muted dash — no icons, no visual clutter.
Everything is editable from the right panel: plan names, feature rows (each with a name and per-plan availability toggles), accent color, background, card color, and text color. The card height adjusts automatically to the number of features — zero layout shift.
Built with pure React and CSS transitions. No framer-motion. No external dependencies. Static renderer safe.
