Description:
This is the Vanilla JS version of the jQuery MagicLine Navigation that displays an interactive sliding indicator on menu items when hovering over. Also known as Lava Lamp Hover Effect.
It currently comes with 2 indicator modes:
- Line: displays a floating line under the menu items
- Pill: displays a floating Pill behind the menu items
Features:
- works with any animation Library like anime.js, velocity.js, GSAP, e.g.
- works with CSS Transitions (no animation library required)
- fully responsive
- able to animate in any direction (left to right, top to bottom, diagonal)
- pillmode & linemode
Demo: Link
License: MIT
Plugin Page: GitHub
Download: Link
