Metahuman Comparison Grid Plugin
Beautiful comparison tables for Elementor. No paywall. No bundle required.
Create stunning comparison tables and breakdown grids that match your theme’s fonts and style—right inside Elementor. Other plugins charge a premium or lock this behind a bundle. We think it should be free.
Free forever. No pro tier. No upsells. · Requires WordPress 6.0+ and Elementor 3.0+
One plugin. Two ways to compare.
Comparison Table
Side-by-side feature comparison in a clean, structured grid. Built on CSS Grid—not clunky HTML tables.
- 2, 3, or 4 column layouts
- Check, cross, dash, and star ratings (1–5)
- Hybrid cells: text + icon combos with positioning control
- Section dividers to group features visually
- Highlight any column with a custom badge (e.g. “RECOMMENDED”)
- Per-column accent colors
Breakdown Grid
Card-based comparison layout with structured pros, cons, and neutral items. Perfect for pricing tiers, product breakdowns, or service comparisons.
- Responsive card grid (2, 3, or 4 columns)
- Smart prefix system:
+pros,-cons,~neutral,*section headers - Card styles: Bordered, Elevated, or Flat
- Unique hexagon icon shape option
- Optional CTA buttons per card
- Highlight cards with custom badges
Dark RPG mode or Light—your call.
Dark RPG Mode
Gradient layers, glowing text, accent-colored borders. Perfect for gaming, tech, or premium product sites.
Light Mode
Clean, minimal, and professional. Blends naturally into corporate, SaaS, or agency sites.
Everything you need. Nothing you don’t.
Theme-Aware Fonts
Detects your current theme's fonts and if your theme already loads Plus Jakarta Sans or Cinzel—avoids duplicate font requests.
Star Ratings
Add 1–5 star visual ratings to any comparison cell. Perfect for showing quality tiers, performance levels, or subjective comparisons at a glance.
Per-Column Accent Colors
Each column or card gets its own accent color via CSS custom properties. Colors cascade to icons, borders, badges, and highlights automatically.
Fully Responsive
Tables scroll horizontally on mobile. Card grids collapse from 4 → 2 → 1 columns. Built-in breakpoints at 960px and 600px. No configuration needed.
Full FontAwesome 6
Full FontAwesome 6 icon library via Elementor’s icon picker. Smart detection—only loads FA from CDN if your theme doesn’t already include it.
Icon Shapes & Hexagons
Choose from circle, square, rounded, or unique hexagon icon backgrounds. Apply them to column headers, feature rows, or breakdown cards.
How we stack up
Metahuman VS The Competition
Metahuman
Other Free Tools
Premium (Paid) Tools
From install to published in under a minute
01
Install Plugin
Upload or install from WordPress.org. Activate and you’re done—no license key, no setup wizard.
02
Open Elementor
Edit any page with Elementor. Search for “Comparison Table” or “Breakdown Grid” in the widget panel.
03
Add Your Data
Fill in columns, rows, and items using Elementor’s visual controls. Choose your style preset and accent colors.
04
Publish
Hit publish. Your comparison grid is live, responsive, and ready. Adjust anytime from the Elementor editor.
Comparison tables shouldn’t cost a fortune.
