component
ComparisonTablePro
By Zafar Kamal
Details
- Zafar KamalAuthor
- componentType
- $8.00Price
- 2026-03-19Published
- 2026-03-19Updated
- 2026-03-11Added
- TextCategories
Summary
Premium pricing & feature matrix
Description
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
Introduction
Premium pricing & feature matrix
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #8414