ONE PAGE SCROLLY THING
See the Pen One Page Scrolly Thing by Joshua Ward (@joshuaward) on CodePen.light
MOBILE NAV BAR
See the Pen Mobile Nav bar by Shosuke Doi (@doiverson) on CodePen.light
See the Pen Uber-like Navigation by creme (@creme) on CodePen.light
RESPONSIVE MENU SCROLL LEFT
See the Pen Responsive Menu Scroll Left by Jessica Valeska da Silva (@jvaleskasilva) on CodePen.light
DROPLET MENU ANIMATION
Droplet scroll animation for the hamburger menu in jQuery.
See the Pen Droplet Menu Animation by Leon Heess (@MiXT4PE) on CodePen.light
- HTML / CSS / JS
MENU WITH MORPHING SHAPES
jQuery menu with morphing shapes.
See the Pen Menu – #CodePenChallenge by Dejan Babić (@microfront) on CodePen.light
Horizontal jQuery menu.
See the Pen 14 | Menu #CodepenChallenge by Yiting Liu (@yitliu) on CodePen.light
NAVIGATION WITH SCROLLING
See the Pen #CodePenChallenge – Menu by Tobias Glaus (@tobiasglaus) on CodePen.light
EXPANDING AND COLLAPSING HAMBURGER MENU
Experimenting with making the menu items themselves collapse into the bars of the hamburger menu.
See the Pen Expanding and Collapsing Hamburger Menu by Jon Wilcox (@jonwilcox) on CodePen.light
- HTML / CSS (Less) / JS
CSS and jQuery hamburger menu.
See the Pen Hamburger Menu – CSS and jQuery by rv7 (@Rahul_V7) on CodePen.light
See the Pen Navigation by Giorgio Acquati (@GioAc96) on CodePen.light
Mobile navigation animation using GSAP.
See the Pen Mobile navigation animation using GSAP by Dejan Babić (@microfront) on CodePen.light
Radial menu – creator visons.
See the Pen Radial Menu – Creator Visons by Praveen Kumar Gorakala (@onlyveen) on CodePen.light
SIDE MENU ANIMATION
Side menu animation in jQuery.
See the Pen Side Menu Animation by Jordan (@flyingcar) on CodePen.light
MULTI-LEVEL SIDE NAV MENU
This is a multi-level side navigation pattern with hover and push. Hovering over the menu will reveal its lables and clicking the hamburger icon pins the menu open.
See the Pen Multi-level Side Nav Menu by Aaron Awad (@blindpiggy) on CodePen.light
SLIDE OUT NAVIGATION MENU
See the Pen Slide Out Navigation Menu by Praveen Bisht (@prvnbist) on CodePen.light
See the Pen Menu Interaction #1 by Dronca Raul (@rauldronca) on CodePen.light
This is a burger menu for an upcoming project I am working on. I have tried to focus on the animations to give that polished feel when you open the menu item.
See the Pen Burger Menu by Aaron Taylor (@BeanBaag) on CodePen.light
MOBILE DROPDOWN MENU
Mobile dropdown menu example with keyframe animations and transitions.
See the Pen Mobile Dropdown Menu by Doğacan (@Bilgili) on CodePen.light
- HTML (Pug) / CSS (Sass) / JS
OFF CANVAS MOBILE SUBMENU
An experimentation that sets all submenus off screen so that they can be toggled in and out of view when their parent arrow elements are clicked.
See the Pen Off Canvas Mobile Submenu by Ryan Mulligan (@hexagoncircle) on CodePen.light
DIAGONAL MEGA MENU
See the Pen Diagonal Mega Menu by Tim Normington (@tnormington) on CodePen.light
MULTI-DEVICE SCROLLING MENU
A simple responsive horizontal menu ready for any device. For the sample only the background colour will change between countries.
See the Pen Multi-device scrolling menu by AC (@ac_coding) on CodePen.light
RESPONSIVE MEGA DROPDOWN
Original problem was having to create a mega dropdown that was responsive. The design required each column to have a border and have chunks of links inside of that. This is a mobile-first solution that gives you markup that makes sense for mobile/desktop using data attributes.
See the Pen Responsive Mega Dropdown by James Mejia (@mejiaj) on CodePen.light
SIDEBAR MENU CONCEPT
Sidebar menu that pushes content aside in 3D space. Still prettifying things.
See the Pen Sidebar Menu Concept by J Scott Smith (@jscottsmith) on CodePen.light
DOTA 2 WHEEL CHAT
With this module, you can create wheel menu, like such in Dota 2 game. Press left mouse button, to see it. Choose one of menu items, to say something to your teammates!
See the Pen Dota 2 wheel chat by Timofey (@t1m0n) on CodePen.light
CIRCULAR LAYERED MENU
Circular, vinyl-like menu with explanatory label that pop when icons are hovered.
See the Pen Circular layered menu by Andrey Pokrovskiy (@DreySkee) on CodePen.light
- HTML / CSS (Less) / JS
Simple lava-lamp like horizontal menu, using jQuery and Tweenmax.
See the Pen Lastik menu by Chrysto (@bassta) on CodePen.light
Hiraku.js – jQuery offcanvas menu plugin.
- 65 stars
- 12 watchers
Sidebar menu jQuery component base on AdminLTE.
- 42 stars
- 4 watchers
SLIDE AND SWIPE MENU
A sliding swipe menu that works with touchSwipe library.
- 96 stars
- 12 watchers
Flexible drawer menu using jQuery, iScroll and CSS.
- 477 stars
- 29 watchers
A light-weight, responsive, mobile-like navigation menu plugin.
- 430 stars
- 20 watchers
Tendina is a simple jQuery plugin that helps you build dynamic, interactive side-menus in seconds.
- 139 stars
- 15 watchers
- 343 stars
- 40 watchers
StickyNavbar.js: fancy sticky navigation jQuery plugin with smart anchor links highlighting.
- 278 stars
- 17 watchers
BOX LID MENU
This jQuery plugin creates the box lid effect for navigation menus.
- 43 stars
- 9 watchers
StickUp a jQuery Plugin for sticky navigation menus.
- 1531 stars
- 100 watchers
A jQuery plugin for building a scrolling navigation menu.
- 394 stars
- 25 watchers
bigSlide is a teeny tiny (~1kb compressed) jQuery plugin for creating off-screen slide panel navigation.
- 392 stars
- 19 watchers
offCanvasMenu is a jQuery/Zepto plugin that provides an easy way to implement an off-canvas toggling menu, a navigation metaphor made popular by mobile applications.
- 150 stars
- 13 watchers
A jQuery menu plugin.
- 1508 stars
- 106 watchers
JQUERY SUPERFISH DROPDOWN MENU PLUGIN
Superfish is a jQuery plugin that adds usability enhancements to existing multi-level drop-down menus.
- 856 stars
- 84 watchers
Responsive mobile menu jQuery plugin.
- 824 stars
- 66 watchers
Advanced jQuery website menu plugin. Mobile first, responsive and accessible list-based website menus that work on all devices.
- 478 stars
- 51 watchers
SlimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly.
- 299 stars
- 34 watchers
jquery.dropotron: multilevel dropdown menus for jQuery.
- 123 stars
- 15 watchers
Sidr is a jQuery plugin for creating side menus and the easiest way for doing your menu responsive. It uses CSS3 transitions in modern browsers and fallbacks into jQuery.animate when they are not supported.
- 2921 stars
- 154 watchers
FIXED TABLE OF CONTENTS DROP-DOWN MENU JQUERY PLUGIN
A fixed table of contents drop-down menu jQuery plugin. Just change the markup to add more depth to the menus. The script should automatically recognize deeper menus, as long as you have the corresponding sections in the content area.
- 53 stars
- 0 watchers
A jQuery plugin that creates a paneled-style menu.
- 956 stars
- 86 watchers
A jQuery plugin that modifies a navigation menu to highlight/change when the menu’s target smooth scrolls into view.
- Rob Garrison
- 68 stars
- 8 watchers