ComparisonTablePro

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.

Built for premium plan comparisons

Create clean and high-converting comparison layouts with support for multiple plans, grouped features, pricing states, CTAs, and a highlighted recommended plan.

Flexible pricing and billing toggle

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.

Highlight a featured plan

Bring attention to your recommended option with a dedicated featured plan treatment, including a subtle spotlight effect, elevated styling, and stronger visual hierarchy.

Works beautifully across screen sizes

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.

Multiple value types supported

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.

Highly customizable

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

Customizable typography

Fine-tune the look and feel with dedicated typography controls for titles, subtitles, plan names, prices, body text, helper text, badges, and CTA buttons.

Great for many use cases

Use Comparison Table Pro for:

• SaaS pricing pages

• Product feature comparisons

• Service package breakdowns

• Membership tiers

• Agency retainers

• Course or subscription plans

Designed for Framer workflows

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.

Included features

• 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