Etch Menu Builder

Launch production-ready, fully accessible navigation in a fraction of the time. Build simple dropdowns, nested menus, or full mega menus for EtchWP. Meticulously thought out for flexibility, performance, and accessibility.

etch mega menu

$35 (Early Bird Pricing)

You’ll Receive:

  • A complete Etch-ready menu system built around ACSS
  • Five flexible components, each with unique customization options
  • Four pre-designed mega menu dropdown patterns to kick start your project
Preview

Release Preview video

Changelog

Features

  • Build Responsive Menus

    Switch seamlessly between desktop and mobile layouts with a single component prop. No media queries required.

  • Two Mobile Menu Options

    Choose between an off‑canvas mobile menu or a header‑attached menu that reveals below the navigation.

  • Mobile Dropdown Options

    Pick a stacked, card‑style dropdown for modern mobile navigation or go with a classic accordion pattern.

  • Accessibility First

    Keyboard focus, ARIA labels, focus trapping, ESC key handling, and skip links are all baked in so your menus ship accessible by default.

  • dropdowns patterns

    Included Dropdown Patterns

    Plug in pre‑built mega menu patterns to get projects launched faster and with more visual polish.

Got Questions?

  • Yes. Full documentation is included here.

  • Nope! Zero dependencies and the JS is located individually inside each component for you to edit and change as need be. A few of the components dispatch custom events at every state transition so you can hook into those state changes and run custom JS if need be. More on that here.

  • No addition CSS files are needed. The entire system comes inside one header.json file for easy import. There will be other dropdown patterns available in your download to import separately.

Review Your Cart
0
Add Coupon Code
Subtotal