
Three-tier pricing with feature comparison table in a contained card layout, featuring centered pricing columns and detailed feature matrix with alternating row styling.
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.
Copy and paste directly into Webflow Designer
{
"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)