Comparison table
Two-column table: your product vs the alternative, one feature per row. The standard versus block.
comparison/default/table
Comparison section templates
Position against the alternative: two-column tables, highlighted columns, do-and-do-not cards, multi-product matrices and versus bars.
7 variants · neutral wireframe · ready to reskin with your design tokens
Comparison tableComparison with highlighted columnComparison cardsDo's and don'tsMulti-product comparison tableComparison table with imagesVersus bars
Comparison with highlighted column
Two-column table where your column is visually emphasized with check icons, the competitor muted.
comparison/default/highlighted
Comparison cards
Two cards side by side: your product (emphasized background) vs the old way, with bullet lists.
comparison/cards/cards
Do's and don'ts
Two cards contrasting good practices and anti-patterns. Educational, content-driven comparison.
comparison/cards/do-dont
Multi-product comparison table
Three-column table comparing multiple products with feature rows. Extended comparison matrix, scrolls on mobile.
comparison/table/multi-column
Comparison table with images
Multi-column table with product images in the header row. Image-enhanced product comparison.
comparison/table/with-images
Versus bars
Two products compared attribute by attribute with horizontal bars. Visual, metric-based A vs B.
comparison/default/versus-bars
claude mcp add --transport http rifframe https://rifframe.app/api/mcp > "Add a comparison section to my landing page"
Your coding agent can search and pull these sections directly. How it works.