Skip to content

component

Pro Comparison Table

By Can Girgin

Details

Summary

Pro Comparison Table is a sleek, responsive component for your pricing plans and feature lists.

Description

Pro Comparison Table is a sleek, responsive component for your pricing plans and feature lists. It's built for flexibility: use the simple Manual Panel to build a table in minutes, or switch to JSON Input to instantly populate your entire table with bulk data from a CMS. It transforms complex data into a beautiful, device-ready layout. When to use Pricing Pages: Compare subscription tiers. Product Comparison: Showcase your product vs. competitors. Feature Matrices: Detail B2B software features by plan. CMS-Driven Pages: Populate the table directly from JSON data. Landing Pages: Build trust with a clean, easy-to-read table. Key Features Dual Data Source: Choose your input: Manual Panel for easy editing or JSON Input for bulk/CMS data. 6 Style Presets: Instantly switch looks. Includes Minimal, Bold, Premium, Glassmorphism , Elegant, and Retro. Smart & Interactive: Features Category Filtering, Column Highlighting, and Smart Cells (shows ✓ for true, — for false, or your own Custom Text). Fully Responsive: Adapts from a full data grid on desktop to clean, swipeable cards on mobile. Full Customization: Control all fonts (family, weight, size), colors, radii, and toggle features like Sticky Header. Quick Start Drop the component and select a Style Preset . Go to the Content & Data panel and choose your Data Source . If Manual: Use the Columns and Rows panels to add your plans and features. If JSON: Paste your data into the Columns (JSON) and Rows (JSON) text fields. Done!

Introduction

Feature comparison tables made easy

Rank history

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

120014001600175498/148/228/309/79/15
  • All · #7476