Collection of hand-picked free HTML and CSS mobile menu code examples. Update of October 2018 collection. 1 new item.
Related Articles
- CSS Menus
- CSS Circle Menus
- CSS Dropdown Menus
- CSS Sidebar Menus
- CSS Horizontal Menus
- CSS Fullscreen Menus
- CSS Sliding Menus
- CSS Toggle Menus
- CSS Off-Canvas Menus


Links
Made with
- HTML / CSS / JavaScript
About the code
Animated Mobile Menu
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -


Links
Made with
- HTML / CSS
About the code
CSS Mobile Navigation
Inspired by "Pure CSS Hamburger Fold-Out Menu" by Erik Terwan.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -


Links
Made with
- HTML / CSS / JavaScript
About the code
Mobile Menu Animation
Works better on mobile devices. The hamburger button is comfortably available for a lefty and righty.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -


Links
Made with
- HTML (Pug) / CSS (SCSS) / JavaScript (Babel)
About the code
Mobile Menu Concept
Inspired by "iPhone X Web Navigation Idea" https://dribbble.com/shots/3851367-iPhone-X-Web-Navigation-Idea.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -


Links
Made with
- HTML / CSS (SCSS)
About the code
Magical Mobile Mega Menu
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -


Links
Made with
- HTML / CSS (SCSS) / JavaScript (Babel)
About the code
Animated Accessible Navigation
Accessible, progressive-enhanced navigation menu with a circular animated background.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -


Links
Made with
- HTML (Haml) / CSS (SCSS) / JavaScript
About the code
Mobile Menu Style
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -


Links
Made with
- HTML (Pug) / CSS (PostCSS) / JavaScript (Babel)
About the code
Menu with Scroll Effects
App Menu menu with scroll & hover effects.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -


Links
Made with
- HTML / CSS (SCSS)
About the code
Mobile Menu
Pure CSS mobile menu.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -


Links
Made with
- HTML / CSS (SCSS)
About the code
Mobile Nav
CSS only mobile nav trigger and menus.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -


Links
Made with
- HTML (Pug) / CSS (SCSS)
About the code
Pure CSS Navigation
Pure CSS navigation simple & easy.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -


Links
Made with
- HTML / CSS (SCSS) / JavaScript
About the code
3 Mobile Nav Animations
3 Pure CSS mobile navigation animations.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -


Links
Made with
- HTML / CSS / JavaScript
About the code
Mobile Menu Slider Prototype
Mobile menu slider prototype in HTML, CSS and JavaScript.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -


Links
Made with
- HTML / CSS (SCSS) / JavaScript
About the code
App Navigation
Concept for mobile app navigation.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -


Links
Made with
- HTML (Pug) / CSS (SCSS) / JavaScript
About the code
Apple Style Mobile Menu
Inspired by mobile menu made by Apple.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -