Pro Comparison Table
A responsive pricing & comparison table with Manual or JSON data input. Features 6 style presets, category filtering & full font/color control.
Make it with Workshop
Build your own component with AI
A responsive pricing & comparison table with Manual or JSON data input. Features 6 style presets, category filtering & full font/color control.
Make it with Workshop
Build your own component with AI
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.
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.
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.
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!
