Component Browser
BrowseBuild
Home/Browse/Navbar 23

Navbar 23

ImageAccordion91 nodes ยท 45 styles
Navbar 23

Description

Mega menu dropdown showcasing featured products with cards, pricing, and promotional badges.

Detailed Analysis

This mega menu expands from the main navigation to showcase products directly in the dropdown. The header contains a script-style logo, four navigation links (one with dropdown indicator), and two CTA buttons (outline and filled). The mega menu content displays a 'Products' section header with description text and 'View all' button on the left. The right side features three product cards, each with a 'Best seller' badge, product image placeholder, product name, variant text, and $55 price. This e-commerce focused design puts products front-and-center during navigation.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

mega menuproduct showcasee-commerceproduct cardsbest seller badgepricingdropdown3 productsview allCTA buttonspromotionalshopping

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-4195",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-874",
              "playInReverse": false,
              "autoStopEventId": "e-4196",
              "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|786046f2-9547-5d8d-e2b6-933b18477a75",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe56967ef|786046f2-9547-5d8d-e2b6-933b18477a75",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1744790839657,
          "eventTypeId": "NAVBAR_OPEN",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "preset"
        },
        {
          "id": "e-4196",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-875",
              "playInReverse": false,
              "autoStopEventId": "e-4195",
              "affec
... (truncated)