# Tool vs Manual block

> Lit emerald capability card beside a plain prompt-only step list, a 2-column feature comparison

Tool against manual work: 7 MCP capabilities with info hints, each level with the manual step it replaces as labels wrap, stacking card first in tight containers. ReUI IconTile, Badge, shadcn Tooltip, Card. For alternatives, competitor 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-3
- MCP: `get_block("compare-3")`
- 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

Capabilities printed on the emerald card itself with no tick column, opposite a bare list of manual steps that stacks below it

## Agent notes

- `COMPARE_FEATURES` in `data.tsx` holds the 7 rows; replace each `label`, `hint`, `manual` step and `icon` with your own
- `TRACK_VARS` counts rows from `COMPARE_FEATURES.length`, so adding or dropping a feature needs no other layout edit
- The 2 column headings are inline `h3` elements using `COLUMN_HEAD` in `Compare`, not data; rename them there

## When not to use

- A plain grid of feature tiles with no manual path to weigh against: use [Feature Highlights](https://web.dev.reui.io/blocks/application/card/card-2.md) (`get_block("card-2")`)

## Install

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

## 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.