Turn a static pricing or feature table into a live, interactive comparison. Visitors filter by category or feature, sort any column with a click, and get a clean stacked-card view on mobile — all without leaving the page.
Whether you're comparing pricing plans, product specs, software tools, or service tiers, this component lets your visitors slice the data the way they want to see it, instead of scrolling a wall of rows looking for the one comparison that matters to them.
- Live filtering — pills, checkboxes, or a dropdown (your choice) let visitors narrow the table to what's relevant to them
- Live sorting — click any sortable column header to reorder by price, rating, or any text/number column
- Fully responsive, with real breakpoints — nothing gets dropped on small screens
- Highlight what matters — badge a "Most Popular" row or columcent color
- Accessible by default — full keyboard navigation for sorting and filtering, visible focus states, proper ARIA roles throughout
Customize without touching code:
- Define your own columns (label, data type, whether it's sortable)
- Set the default sort column and direction
- Choose your filter style — pills, checkboxes, or dropdown
- Pick a custom empty-state message for zero-result filters - Match your brand — header, row-hover, border, and accent colride (inherits your site's typography by default)
Data is managed directly in the property panel — add, edit, and reorder items with no external database or API setup. It just works the moment you drop it on the canvas, and every visual default is easy to override so design.
Great for: pricing pages, product comparison pages, tool/software directories, service tier breakdowns, feature matrices — anywhere a visitor needs to compare more than a couple of options at once.
Turn a static pricing or feature table into a live, interactive comparison. Visitors filter by category or feature, sort any column with a click, and get a clean stacked-card view on mobile — all without leaving the page.
Whether you're comparing pricing plans, product specs, software tools, or service tiers, this component lets your visitors slice the data the way they want to see it, instead of scrolling a wall of rows looking for the one comparison that matters to them.
- Live filtering — pills, checkboxes, or a dropdown (your choice) let visitors narrow the table to what's relevant to them
- Live sorting — click any sortable column header to reorder by price, rating, or any text/number column
- Fully responsive, with real breakpoints — nothing gets dropped on small screens
- Highlight what matters — badge a "Most Popular" row or columcent color
- Accessible by default — full keyboard navigation for sorting and filtering, visible focus states, proper ARIA roles throughout
Customize without touching code:
- Define your own columns (label, data type, whether it's sortable)
- Set the default sort column and direction
- Choose your filter style — pills, checkboxes, or dropdown
- Pick a custom empty-state message for zero-result filters - Match your brand — header, row-hover, border, and accent colride (inherits your site's typography by default)
Data is managed directly in the property panel — add, edit, and reorder items with no external database or API setup. It just works the moment you drop it on the canvas, and every visual default is easy to override so design.
Great for: pricing pages, product comparison pages, tool/software directories, service tier breakdowns, feature matrices — anywhere a visitor needs to compare more than a couple of options at once.
MWS
