Menu & Navigation
Vertical Color Adaptive Hamburger Navigation With JavaScript And CSS3
A vertical hamburger navigation menu that automatically change the color of your menu based on the background color of your webpage using the CSS3 mix-blend-mode:difference property.
Slack.com Style Responsive Navigation With Pure CSS – Slackie.css
Slackie.css is a pure CSS implementation of a responsive, mobile-friendly site navigation inspired from Slack.com.
Pure CSS Material Morphing Menu
A Material Design inspired morphing menu which uses CSS3 clip-path to reveal a navigation menu with a smooth transition effect.
Minimal Scrollspy With Smooth Scroll JavaScript Library – scrollmenu.js
scrollmenu.js is a simple, flexible JavaScript library used for adding an active class to the nav items when you scroll past their sections.
Fullscreen Overlay Navigation with Velocity.js and CSS3
A fullscreen site navigation with a hamburger toggle button and a cool transition effect implemented with jQuery, Velocity.js and CSS3.
Fullscreen Flipping Navigation Menu with JavaScript and CSS3
Just another fullscreen navigation system that uses JavaScript and several CSS3 properties to create a stylish, full window menu with a flipping effect when toggled
Off-canvas Push Menu In Pure HTML / CSS
A pure Html / CSS solution used to create an App style off-canvas push menu for site navigation using CSS3 :target selector.
Pure CSS Fold Out Navigation Menu
A HTML / CSS only navigation system that uses :checked selector to toggle an off-screen menu with a hamburger button.
Responsive Multilevel Navigation with Pure JavaScript & CSS – menio
menio is a standalone, mobile-friendly JavaScript navigation system which automatically turns a normal horizontal multilevel menu into a vertical dropdown menu as the screen sizes reaches a specific breakpoint.