Component Browser
BrowseBuild
Home/Browse/Navbar 12

Navbar 12

ImageAccordion104 nodes ยท 36 styles
Navbar 12

Description

Navigation with right-aligned dropdown featuring two organized page groups totaling eight links with icons.

Detailed Analysis

This navbar extends the standard dropdown pattern with a two-column organization, grouping eight page links into logical categories. Each link includes an icon and descriptive text, making it easy for users to find relevant sections. The dual-group structure works well for sites with distinct product lines or content areas. Consistent spacing and visual hierarchy guide users through the expanded navigation options.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

navbardropdownnavigationgrouped linkstwo columnsiconsorganizedheadermega menu lightcategoriessectionspage groups

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-365",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-136",
              "playInReverse": false,
              "autoStopEventId": "e-2006",
              "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|506b3773-4f70-4969-ebb2-1a670082d2d6",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe56967ef|506b3773-4f70-4969-ebb2-1a670082d2d6",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1643669590905,
          "eventTypeId": "NAVBAR_OPEN",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "preset"
        },
        {
          "id": "e-366",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-137",
              "playInReverse": false,
              "autoStopEventId": "e-1993",
              "affecte
... (truncated)