Component Browser
BrowseBuild
Home/Browse/Navbar 5

Navbar 5

ImageAccordion144 nodes ยท 57 styles
Navbar 5

Description

A navigation bar with expanded mega menu dropdown showing organized page groups, icons, descriptions, and featured blog content.

Detailed Analysis

Full-featured mega menu navbar shown in expanded dropdown state. Top bar has standard layout: logo, nav links, dual CTA buttons. The expanded dropdown reveals a rich three-column layout: two columns of page links organized into groups (Page group one/two) with icons and descriptions for each item, plus a featured blog sidebar showing article previews with thumbnails, titles, descriptions, and read more links. Includes 'See all articles' link. Ideal for sites with complex information architecture.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

navbarmega-menudropdownnavigationfeatured-contentblog-previewmulti-columnpage-groupsiconsrich-navigationcomplex-naventerprise-navcontent-preview

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-826",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-187",
              "playInReverse": false,
              "autoStopEventId": "e-827",
              "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|40a1bf3a-94e8-5598-acc8-1882a8612295",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe56967ef|40a1bf3a-94e8-5598-acc8-1882a8612295",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1648717399257,
          "eventTypeId": "NAVBAR_OPEN",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "custom"
        },
        {
          "id": "e-827",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-188",
              "playInReverse": false,
              "autoStopEventId": "e-826",
              "affectedE
... (truncated)