Eight editorial navigation styles powered by GSAP clip-path reveals — full-screen overlays, mega dropdowns, marquee bands and studio galleries. WooCommerce-ready, with pages and product categories pulled in automatically. All from one drag-and-drop admin, no code.
These are real CSS animations — the same hover choreography your visitors get. Each menu is built on its own data, with click or hover triggers.
Covers the viewport — an image panel sweeps in with a clip-path reveal beside a three-column nav.
Slides down below the trigger link with a full three-column mega panel. Width and position fully configurable.
A clean vertical list where each row flips its title and fans out a strip of thumbnails on hover.
The list-grid layout as a hover dropdown — items grouped into three columns inside a mega panel.
Numbered rows with a golden text-shadow slide and side image reveals — a cinematic, editorial index.
Huge uppercase rows where a coloured band wipes in from the cursor's edge and scrolls text + image pills.
A vertical thumbnail strip auto-scrolls beside large nav links. Hover a link and its image centres & lights up.
The studio gallery as a hover dropdown — the same windowed image strip and link choreography, below the trigger.
A short walkthrough of every style, the admin panel, and how a menu goes live on a real site.
Screenshots of real menus built with the plugin. Click any image to view it full size.
Running a store? Link menu items straight to your WooCommerce product categories, or to any WordPress page — no copy-pasting URLs. Pick the source and the plugin keeps the link in sync.
Buttery image masks and curtain transitions on every style — hardware-accelerated and reduced-motion aware.
Create as many independent menus as you need, each with its own style, items and colours. Drop in with a shortcode.
Sortable items, WordPress media picker, live previews. Switch styles and items auto-sync between layouts.
Set accent and text colours per menu — the lime marquee, gold spotlight and red-orange studio are all editable.
Font family, size, weight and letter-spacing exposed for links across all styles via CSS variables.
Full-screen styles open on click; mega styles drop on hover. Position, width and radius all configurable.
Link items to product categories or any WordPress page directly — pulled live, no manual URLs to maintain.
Drop [hover_menu] into a page, header, footer or widget — works with any theme or builder.
Respects the visitor's motion preferences and degrades gracefully — accessible by default.
Add a menu, pick one of the eight styles, and add items by dragging — images come from your media library.
Choose accent colours, fonts and trigger behaviour. Preview each style right inside the admin panel.
Paste [hover_menu] into any page, header or widget. Done.
No. You build every menu from a drag-and-drop admin panel — add items, pick images from the media library, choose a style and colours, then drop the [hover_menu] shortcode wherever you want it.
Yes. You can link menu items straight to your WooCommerce product categories, as well as to any WordPress page, post or taxonomy term. The links are pulled live, so you never paste URLs by hand.
As many as you like. Each menu is fully independent — its own style, items, colours and trigger — and each gets its own shortcode, so you can use different menus on different pages.
It does. Because it runs on a shortcode, you can place it in any theme, in headers and footers, or inside builders like Elementor, Gutenberg and others — no theme-specific setup needed.
The animations are GSAP-powered and hardware-accelerated, and idle effects pause to save CPU. The plugin also respects each visitor's prefers-reduced-motion setting, falling back to a calm, static experience automatically.
Yes — accent and text colours are set per menu, and link typography (font family, size, weight and letter-spacing) is fully configurable across all eight styles.
Every style adapts to smaller screens, and full-screen menus lock background scrolling while open so the experience stays clean on phones and tablets.
Hover Menu turns plain navigation into a moment — editorial, animated and fully yours. Built for WordPress, ready to ship.