Comparison Table Pro helps you build premium comparison sections that feel polished, modern, and easy to scan. It is designed for SaaS pricing, package comparisons, service tiers, and feature matrices, while staying flexible enough for many other use cases.
Create clean and high-converting comparison layouts with support for multiple plans, grouped features, pricing states, CTAs, and a highlighted recommended plan.
Switch between monthly and yearly pricing with a beautiful segmented toggle and animated price updates. You can also display savings labels for yearly plans to make offers more compelling.
Bring attention to your recommended option with a dedicated featured plan treatment, including a subtle spotlight effect, elevated styling, and stronger visual hierarchy.
On larger layouts, the component presents a clean multi-column comparison matrix. On smaller screens, it transforms into mobile-friendly stacked plan cards so the content stays readable and usable.
Show feature availability and plan differences with several value styles:
Boolean states
Plain text values
Tag or pill values
Muted or unavailable states
This makes it easy to compare simple features as well as more descriptive plan details.
This component is built to adapt to your brand and content. You can customize:
Colors and accents
Typography
Spacing and sizing
Borders, radius, and shadows
Plan content and badges
CTA labels and links
Feature groups and row values
Billing labels and pricing text
Fine-tune the look and feel with dedicated typography controls for titles, subtitles, plan names, prices, body text, helper text, badges, and CTA buttons.
Use Comparison Table Pro for:
SaaS pricing pages
Product feature comparisons
Service package breakdowns
Membership tiers
Agency retainers
Course or subscription plans
The component is easy to configure directly inside Framer, making it simple to update content, adjust styles, and match different brand systems without touching code.
Multi-plan comparison layout
Featured plan spotlight
Monthly and yearly billing toggle
Animated pricing changes
Grouped feature rows
Responsive mobile card layout
CTA buttons for each plan
Badges and savings labels
Deep visual customization
Advanced typography controls
Zafar Kamal
