Morphing Mega Menu - Greg Parker

Pricing

AnalyticsDashboards your whole team reads.
ExperimentsTest a change on 5% first.
Session replayWatch where people get stuck.
Feature flagsShip dark, turn it on later.
SurveysAsk at exactly the right moment.
Data pipelinesSend every event anywhere.

See all products→

By team

Product
Engineering
Marketing
Support

By size

Startups
Scale-ups
Enterprise

DocsInstall in five minutes and send your first event.npm i @acme/js

API reference
SDKs
Changelog
Status

BlogHow we cut our dashboard load time in half

Guides
Customer stories
Webinars
Community
Help center

About
CareersWe're hiring
Press
Contact

Product analytics your whole team will actually open.

Events, replays and experiments in one place, so every answer is a click away.

Move across the menu to watch the panel morph.

Settings

MenusHow many nav items open a menu. Each section has its own size, so more menus means more shapes to morph between.4

DurationHow long the panel takes to resize and slide to the next section.300 ms

ContentSlide brings the next section in from the side you moved toward. Fade just crossfades.

ArrowA notch on top of the panel that slides to point at the open item.

Morphing Mega Menu