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.
Menu & Navigation
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.
Sliding Drawer Navigation With Blur Effect – Pushbar.js
Pushbar.js is a mobile-friendly drawer navigation for the modern web app that slides the navigation menu from the edge of your screen while blurring the main content.
SVG Reveal Menu In Pure CSS – Speed Dial
A pure CSS solution that enables a toggle button to reveal a menu bar on the web page.