Component Browser
BrowseBuild
Home/Browse/Pricing 36

Pricing 36

ImageButtons148 nodes ยท 36 styles
Pricing 36

Description

Two-tier side-by-side pricing with plan icons, descriptions, two-column feature grids under 'Includes' sections, and bottom CTA buttons.

Detailed Analysis

This two-column pricing layout presents Basic and Business plans in equal-width bordered cards. Each card features a 3D box icon in the top-left, plan name, monthly price on the right side, description text, horizontal divider, and 'Includes:' section with a two-column checkmark feature list. Progressive feature counts (6 vs 10) differentiate the tiers. Full-width black CTA buttons anchor each card at the bottom. The two-column feature grid allows for extensive feature lists in a compact format.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

pricingtwo columnstwo tiersplan iconsfeature gridincludes sectioncheckmarksCTA buttonspricing cardsplan comparisonSaaS pricingdescription textside by side

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": "350fb355-680e-a5fe-91dd-9562552d2d5a",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "eeb8125b-0ed4-e3c5-8290-1f2d3b31a098"
        ],
        "children": [
          "350fb355-680e-a5fe-91dd-9562552d2d5b"
        ]
      },
      {
        "_id": "350fb355-680e-a5fe-91dd-9562552d2d5b",
        "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": [
          "350fb355-680e-a5fe-91dd-9562552d2d5c"
        ]
      },
      {
        "_id": "350fb355-680e-a5fe-91dd-9562552d2d5c",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)