Component Browser
BrowseBuild
Home/Browse/Navbar 30

Navbar 30

ImageAccordion91 nodes ยท 35 styles
Navbar 30

Description

Mega menu dropdown with three category columns and two large product category image cards.

Detailed Analysis

This mega menu combines extensive category navigation with visual product showcases. Three 'Product categories' columns display fifteen category links (five per column) for comprehensive browsing. Two large grey image placeholder cards on the right represent visual product category sections, each labeled 'Product categories' underneath. This layout balances text-based navigation with visual discovery, allowing users to browse by list or by visual category imagery.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

mega menu15 categoriesthree columnsimage cardsvisual navigationproduct showcasecategory imagese-commercedual imagesvisual discoverycomprehensivebrowse

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-4237",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-916",
              "playInReverse": false,
              "autoStopEventId": "e-4238",
              "affectedElements": {}
            },
            "instant": true,
            "actionTypeId": "GENERAL_START_ACTION"
          },
          "config": {
            "loop": false,
            "delay": null,
            "effectIn": null,
            "direction": null,
            "playInReverse": false,
            "scrollOffsetUnit": null,
            "scrollOffsetValue": null
          },
          "target": {
            "id": "6540ac58fa7ea7efe56967ef|2f60260a-582e-66fa-da82-c3ac87cb7c25",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe56967ef|2f60260a-582e-66fa-da82-c3ac87cb7c25",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1744790839657,
          "eventTypeId": "NAVBAR_OPEN",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "preset"
        },
        {
          "id": "e-4238",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-917",
              "playInReverse": false,
              "autoStopEventId": "e-4237",
              "affec
... (truncated)