Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageEtchedy Mega Menu Pro
A complete header + mega menu built as one wrapper component with nested components, where every layout, design and behaviour option is a prop. Structure: section > "Mega Menu Pro" (wrapper) whose "items" slot holds "Nav…
50 sites for €79 only, Compare all plans
The system behind it
One pattern, your whole brand.
Etchedy Mega Menu Pro reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.
- Type
- Component
- Category
- Navigation
- Responsive
- Desktop to phone
- Works with
- Etch, ACSS, plain CSS
Component props 8
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
showLogoFalse
logoempty
logoAltNorthwind
logoSizem
showMarkTrue
showBrandNameTrue
brandNameNorthwind
homeUrl/
layoutinline
navAligncenter
widthcontent
heightregular
stylesolid
themelight
accentprimary
dividerTrue
positionstatic
onScrollstay
transparentTopFalse
scrolledShadowTrue
triggerhover
openDelay60
closeDelay220
safeZoneTrue
dropdownStylemorph
animationslide
duration340
easingsmooth
itemHoverpill
showChevronsTrue
showCaretTrue
dropdownGap10
backdropnone
flyoutSubmenusTrue
closeOnLinkClickTrue
editorOpennone
breakpoint992
mobileStyledrawer
drawerSideend
submenuModeaccordion
multiOpenFalse
backButtonboth
backLabelBack
swipeToCloseTrue
scrollLockTrue
toggleStylelines
menuLabelMenu
showMobileCtaTrue
showCtaTrue
ctaLabelGet started
ctaUrl#start
ctaStylesolid
ctaIconTrue
showSecondaryTrue
secondaryLabelSign in
secondaryUrl#signin
showSearchTrue
searchPlaceholderSearch the site
searchAction/
navLabelMain
typemega
labelProducts
url#
target_self
showIconFalse
iconsparkles
showBadgeFalse
badgeNew
badgeToneaccent
highlightnone
panelWidthauto
panelAligncenter
columns3
showIntroFalse
introPositionside
introTitleEverything you need to ship
introTextDesign, build and grow from one calm workspace.
showIntroCtaTrue
introCtaLabelExplore the platform
introCtaUrl#
showFooterFalse
footerTextNew: shared design tokens across every site.
footerLinkLabelSee what is new
footerUrl#
showTitleTrue
titleBuild
span1
styleplain
linkColumns1
labelVisual builder
url#
target_self
showDescriptionTrue
descriptionDesign pages on a live canvas
showIconTrue
iconlayout
iconStyletile
showBadgeFalse
badgeNew
badgeToneaccent
showArrowTrue
stylecard
tonedefault
span1
showImageTrue
imagehttps://images.unsplash.com/photo-1541462608143-67571c6738dd?w=720
imageAltDesk with wireframes, a keyboard and coffee
showEyebrowTrue
eyebrowWhat is new
titleVersion 4.2: shared design tokens
showTextTrue
textOne palette for every site. Change a token and forty pages follow.
linkLabelRead the release
url#
showTitleTrue
titleMade with Northwind
columns4
ratiolandscape
imagehttps://images.unsplash.com/photo-1497366216548-37526070297c?w=480
imageAltBright studio with long tables
showLabelTrue
labelStudio Arc
url#
labelAbout us
url#
showDescriptionFalse
descriptionOur story and values
showIconFalse
iconbuilding
hasSubmenuFalse
Included in Pro From €39 a year, with all 469 patterns.
Get Pro
