Menu & Navigation
Sliding Menu Hover Indicator In Vanilla JavaScript – Magic Line Navigation
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.
Responsive Morphing Circle Navigation With JavaScript And CSS
A responsive hamburger navigation system that morphs the hamburger toggle button into a fullscreen navigation using a little JavaScript and CSS transition & clip-path properties.
Elegant Off-canvas Navigation In Vanilla JavaScript – Canvi.js
Canvi.js is a standalone vanilla JavaScript used to create elegant, configurable, push and/or overlay off-canvas navigation for your cross-platform web application.
Sticky One Page Scroll Navigation With Smooth Scroll – Scroll.js
Scroll.js is a smooth scroll library that provides a basic function to smoothly scroll to an element with a unique class name.
Pure CSS Multi-level Navigation – menu.css
menu.css is a tiny CSS library to create multi-level (up to 4) horizontal dropdown menus or vertical expanding menus without any JavaScript.
Versatile Offcanvas Menu Plugin With Vanilla JavaScript – hiraku2
hiraku2 is the vanilla JavaScript version of the jQuery hiraku plugin that lets you create customizable, off-canvas push menu for mobile and web apps.
Accessible Pie Menu In Vanilla JavaScript – Radial Menu
A dynamic, flexible, animated, accessible, pie chart-like radial menu component written in JavaScript, CSS/CSS3, and SVG.
Accessible Custom Dropdown Menu – dropmic
dropmic is a tiny, zero-dependency JS library that appends a minimal clean dropdown/popup menu to any element when triggered.
Sticky Navigation With ScrollSpy Using Intersection Observer API
This is a sticky on-page navigation (a.k.a table of contents) that automatically highlights the active menu items based on the visibility of their corresponding content sections within the document.