Component Browser
BrowseBuild
Home/Browse/Navbar 10

Navbar 10

ImageAccordion133 nodes ยท 44 styles
Navbar 10

Description

Blog-focused mega menu navigation with category sidebar and featured article cards displaying thumbnails and metadata.

Detailed Analysis

This navbar implements a content-rich mega menu optimized for blogs and publications. The left sidebar displays category links for quick topic navigation, while the main area showcases six article cards in a 3x2 grid. Each card includes a thumbnail image, category tag, article title, and publication date. The layout balances discovery (categories) with content preview (articles), encouraging deeper site engagement directly from the navigation.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

navbarmega menublogarticlescategoriesthumbnailscontent previewpublicationnewsgrid layoutfeatured contentsidebar

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-337",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-88",
              "playInReverse": false,
              "autoStopEventId": "e-1415",
              "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|2be56ad6-b6e4-4fb5-9141-374cddd33263",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe56967ef|2be56ad6-b6e4-4fb5-9141-374cddd33263",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1643147930078,
          "eventTypeId": "NAVBAR_OPEN",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "preset"
        },
        {
          "id": "e-338",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-89",
              "playInReverse": false,
              "autoStopEventId": "e-1432",
              "affectedE
... (truncated)