Component Browser
BrowseBuild
Home/Browse/Pricing 27

Pricing 27

ImageTabsButtons4 ColumnsBentoCardsImage/Video Right493 nodes ยท 46 styles
Pricing 27

Description

Three-tier pricing with feature comparison table in a contained card layout, featuring centered pricing columns and detailed feature matrix with alternating row styling.

Detailed Analysis

This pricing component presents three plans within a single bordered container. The top section displays plan names centered above their respective columns with monthly pricing and description, followed by CTA buttons. Below, a feature comparison table shows features organized by category with checkmarks and quantitative values across all three plans. The contained card approach creates a unified visual element. Alternating row backgrounds improve readability of the feature table.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

pricingcomparison tablefeature matrixcontained layoutbilling togglecheckmarksfeature comparisonpricing cardplan comparisonquantitative featuresSaaS pricingunified containercategory groups

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": "dc3e60b2-f304-f473-5675-2154034ff194",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "d8abbc2a-b69a-01e2-947a-1f51783d6aaf"
        ],
        "children": [
          "dc3e60b2-f304-f473-5675-2154034ff195"
        ]
      },
      {
        "_id": "dc3e60b2-f304-f473-5675-2154034ff195",
        "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": [
          "dc3e60b2-f304-f473-5675-2154034ff196"
        ]
      },
      {
        "_id": "dc3e60b2-f304-f473-5675-2154034ff196",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)