Component Browser
BrowseBuild
Home/Browse/Pricing 26

Pricing 26

ImageTabsButtons4 ColumnsBentoCardsImage/Video Right468 nodes ยท 45 styles
Pricing 26

Description

Three-tier pricing with feature comparison table below, showing plan pricing in a compact header section and detailed feature matrix with checkmarks and values.

Detailed Analysis

This pricing component combines compact pricing cards at the top with an extensive feature comparison table below. The upper section shows three plans side by side with name, monthly price, description, and CTA button. Below, a detailed comparison table organizes features by category, using checkmarks for included features and specific values (like '10', '25', 'Unlimited') for quantitative differences. The table has alternating row backgrounds and clear category headers. Multiple feature categories can be displayed in sequence.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

pricingcomparison tablefeature matrixtiered pricingbilling togglecheckmarksfeature comparisonpricing tableplan comparisonquantitative featuresSaaS pricingdetailed comparisoncategory 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": "4a7f60ee-0474-c08f-97ba-b306ff4520ba",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "819a9ea8-5efc-a39e-90d1-d40e7f9c7c6e"
        ],
        "children": [
          "4a7f60ee-0474-c08f-97ba-b306ff4520bb"
        ]
      },
      {
        "_id": "4a7f60ee-0474-c08f-97ba-b306ff4520bb",
        "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": [
          "4a7f60ee-0474-c08f-97ba-b306ff4520bc"
        ]
      },
      {
        "_id": "4a7f60ee-0474-c08f-97ba-b306ff4520bc",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)