Component Browser
BrowseBuild
Home/Browse/Comparison 1

Comparison 1

ImageButtons3 ColumnsBentoCardsImage/Video Right99 nodes ยท 43 styles
Comparison 1

Description

Product comparison table with two columns, feature rows, and checkmark indicators

Detailed Analysis

This comparison component displays a centered header with tagline, main heading, and description above a feature comparison table. The table has a 'Product comparison' label column on the left and two product columns with icons, names, and descriptions. Feature rows show text values (like 'Unlimited' vs '10') or checkmark/X icons to indicate feature availability. The highlighted first product column has a gray background. Two buttons below allow actions for each product.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

comparison tableproduct comparisonfeature matrixcheckmark indicatorstwo productspricing tablefeature listcomparison gridproduct featurescheck and xhighlighted columncomparison layoutfeature rowsproduct icons

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [],
      "actionLists": [],
      "interactions": []
    },
    "nodes": [
      {
        "_id": "da3ee342-b8a0-a899-7a97-c2c0460793b0",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "4cc327f9-dc0e-3a28-659d-b72cbedc5eb6"
        ],
        "children": [
          "da3ee342-b8a0-a899-7a97-c2c0460793b1"
        ]
      },
      {
        "_id": "da3ee342-b8a0-a899-7a97-c2c0460793b1",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "b0934d9a-875a-bb42-0630-12090a77fc73"
        ],
        "children": [
          "da3ee342-b8a0-a899-7a97-c2c0460793b2"
        ]
      },
      {
        "_id": "da3ee342-b8a0-a899-7a97-c2c0460793b2",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)