# Feature Matrix block

> 3-column feature comparison table with a center emerald checkmark column

Versus section setting 9 AI workflow features, with icon tiles and info tooltips, against the manual step a prompt-only approach leaves. Built on shadcn Card, Tooltip and ReUI Badge, IconTile. For us vs them, with vs without, feature matrix pages.

- Type: Pro block
- Category: [Compare](https://web.dev.reui.io/blocks/marketing/compare.md)
- Page: https://web.dev.reui.io/blocks/marketing/compare/compare-2
- MCP: `get_block("compare-2")`
- Built with: Badge, Card, Icon Tile, Tooltip
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

A tick per capability on an emerald center strip between the feature and its manual step, keeping all 3 columns when narrow

## Agent notes

- `COMPARE_FEATURES` in `data.tsx` holds the 9 rows; replace each `label`, `manual` step and `icon` with your own
- A row with no `hint` renders no info control, so the `FeatureHint` tooltip button only appears where `hint` is set
- `CompareRow` renders the same tick for every feature, so a capability you do not cover needs a different middle cell

## When not to use

- Paid plans lined up in columns with limits and metered usage per tier: use [Plan Comparison](https://web.dev.reui.io/blocks/marketing/pricing/pricing-2.md) (`get_block("pricing-2")`)

## Install

```bash
npx shadcn@latest add @reui/compare-2
```

## About Compare blocks

### When to use

- A versus section on a landing page that sets your product against the old manual way
- Before and after, with and without or why us sections on alternative and competitor pages
- An old way and new way contrast told as 2 numbered step tracks or as one row per capability

### When not to use

- A grid of small feature tiles on their own, with no rival path to weigh against: use the [Card blocks](https://web.dev.reui.io/blocks/application/card.md)
- A numbered walkthrough of your own product steps, with no old way beside it: use the [How It Works blocks](https://web.dev.reui.io/blocks/marketing/how-it-works.md)
- Rival store products lined up on price, star rating and specs for a shopper: use the [Comparison blocks](https://web.dev.reui.io/blocks/ecommerce/comparison.md)

### Agent notes

- The headline, lede and eyebrow `Badge` pitching ReUI MCP are written inline in `Compare`, outside the data file; rewrite them there
- Every link, the eyebrow `Badge` included, carries a placeholder hash `href`; point each one at a real page
- Column and type changes key off the `@container/block` width, so the block reflows to its parent column, not the viewport

Every ReUI item has a twin like this one; the index is https://web.dev.reui.io/llms.txt. Agents with the ReUI MCP (https://web.dev.reui.io/docs/mcp) get the same guidance from the getters named above.