February 19, 2019
73 Awesome CSS menu collection
Here is 73 awesome css menu collection list. Each item is hand picked on the basis of its reasonable size, easy integration into existing code and interactive look. Filter option is also provided for easy navigation and picking the right item for your project.
Note: Size of the menu script is calculated as size of html code + CSS / SCSS / Less + Javascript (if any)
Dropdown Menu UI
Updated: February 07, 2019
Built Using: HTML / CSS
CSS3 based Responsive menu effect
Created: April 15, 2014
Built Using: HTML / LESS
Responsive overlay menu navigation
Updated: August 13, 2015
Built Using: HTML / CSS / Javascript
A simple and scalable hamburger menu
Updated: July 02, 2015
Built Using: HTML / CSS / Javascript
Burger Menu inspired by Material Design
Updated: January 20, 2016
Built Using: HTML / CSS
Mobile Menu - Sidebar
Updated: January 19, 2015
Built Using: HTML / CSS / jQuery (Javascript)
Hamburger icon with Morphing Menu
Updated: August 16, 2017
Built Using: HTML / SCSS / jQuery (Javascript)
Responsive Mobile Menu with CSS
Updated: February 14, 2017
Built Using: HTML / CSS
Full-Screen Menu Overlay
Updated: March 12, 2015
Built Using: HTML / SCSS / Javascript
Material Design - Sidebar (Profile menu)
Updated: November 05, 2014
Built Using: HTML / LESS / jQuery (Javascript)
Expanding Burger/Menu Icon
Updated: January 19, 2016
Built Using: HTML / CSS / Javascript
Floatting Draggable Menu (Messenger like)
Updated: August 22, 2016
Built Using: HTML / SCSS / Javascript
Pure CSS Circle Menu
Updated: June 22, 2015
Built Using: HTML / SCSS
Basic Responsive Menu
Updated: January 07, 2015
Built Using:
CSS Swinging Panel Menu
Created: November 15, 2012
Built Using: HTML / CSS
YouTube Menu Effect
Created: March 21, 2015
Built Using: HTML / CSS / jQuery (Javascript)
Custom select menu
Updated: October 04, 2017
Built Using: HTML / CSS / jQuery (Javascript)
Responsive Flat Horizontal Menu
Updated: April 16, 2015
Built Using: HTML / CSS / Javascript
Accordion Menu
Created: April 18, 2014
Built Using: HTML / LESS / jQuery (Javascript)
Hidden Sidebar Menu
Created: June 03, 2014
Built Using: HTML / SCSS / jQuery (Javascript)
Filter Menu
Updated: November 13, 2017
Built Using: HTML / CSS / jQuery (Javascript)
Responsive Menu
Created: September 05, 2014
Built Using: HTML / SCSS / jQuery (Javascript)
Pure CSS Hamburger fold-out menu
Updated: April 17, 2018
Built Using: HTML / CSS
HTML5/CSS3 Horizontal Menu
Created: May 15, 2013
Built Using: HTML5 / CSS3
Overlay Css menu
Updated: March 02, 2016
Built Using: HTML / SCSS / jQuery (Javascript)
Responsive Mega Menu
Created: August 06, 2015
Built Using: HTML / CSS / jQuery (Javascript)
One Page Navigation CSS Menu
Updated: February 23, 2016
Built Using: HTML / CSS
Side Sliding Menu CSS
Updated: March 10, 2015
Built Using:
CSS3/Javascript Pure Dropdown Menu
Updated: September 01, 2013
Built Using: HTML / SCSS / Javascript
CSS Gooey Menu (Version 4)
Created: January 26, 2015
Built Using: HTML / SCSS
CSS Drop-Down Menu Transitions
Updated: December 06, 2017
Built Using: HTML / LESS
Animated radial / circular menu
Updated: April 17, 2014
Built Using: HTML / CSS / Javascript
Off canvas menu
Created: November 28, 2014
Built Using: HTML / SCSS / jQuery (Javascript)
CSS3 Responsive Navigation Menu
Updated: August 27, 2013
Built Using: HTML / SCSS
Bootstrap Mega menu with CSS
Created: July 01, 2013
Built Using: HTML / CSS / Javascript
Colourful Flower Popup Menu
Updated: May 24, 2017
Built Using: HTML / CSS
Pull Menu - Menu Interaction Concept_files
Updated: December 24, 2014
Built Using: HTML / SCSS / jQuery (Javascript)
Touch device jelly menu concept
Updated: January 10, 2014
Built Using: HTML / CSS / Javascript
Full screen burger menu
Updated: February 09, 2017
Built Using: HTML / SCSS / jQuery (Javascript)
CSS Gooey Menu (Version 2)
Created: January 26, 2015
Built Using: HTML / SCSS
CSS Gooey Menu (Version 3)
Created: January 26, 2015
Built Using: HTML / SCSS
Responsive and Mega menu
Updated: November 13, 2017
Built Using: HTML / CSS / jQuery (Javascript)
Animated Menu
Created: January 31, 2014
Built Using: HTML / SCSS / jQuery (Javascript)
Menu Toggle button with flat menu
Updated: June 10, 2015
Built Using: HTML / CSS / Javascript
Gooey Menu
Updated: October 22, 2015
Built Using: HTML / SCSS
Sticky menu on scroll
Updated: January 26, 2015
Built Using: HTML / CSS / jQuery (Javascript)
Hamburger Menu - HTML, CSS & jQuery
Updated: July 16, 2017
Built Using: HTML / CSS / jQuery (Javascript)
Simple Pure CSS Drop Down Menu
Updated: February 06, 2014
Built Using: HTML / CSS
iOS style sliding menu
Created: July 12, 2013
Built Using: HTML / SCSS / jQuery (Javascript)
Bootstrap dropdown hover menu
Updated: September 18, 2016
Built Using: HTML / CSS / jQuery (Javascript)
Simple, CSS only, responsive menu
Updated: July 17, 2013
Built Using: HTML / CSS
Zigzag dropdown menu concept
Created: September 02, 2013
Built Using: HTML / CSS
Dropdown Menus
Updated: April 29, 2014
Built Using: HTML / SCSS
Simple Pure CSS Dropdown Menu
Updated: June 04, 2016
Built Using: HTML / SCSS
Simple PureCss dropdown menu with following subnav
Updated: February 19, 2015
Built Using: HTML / SCSS
Pure Css dropdown menu
Updated: May 22, 2018
Built Using: HTML / SCSS
Cool Dropdown Menu Effects Pure Css
Updated: August 23, 2016
Built Using: HTML / SCSS
Recursive Hover Nav ( Only CSS )
Updated: September 18, 2018
Built Using: HTML / CSS / Javascript
Fancy Menu #CodePenChallenge
Updated: July 11, 2018
Built Using: HTML / SCSS
Efficient animated dropdown menu
Updated: June 27, 2018
Built Using: HTML / SCSS
Menu with awesome hover dropdown effect
Created: June 28, 2018
Built Using: HTML / SCSS
Fast loading SASS based interactive menu
Updated: November 27, 2018
Built Using: HTML / SASS
Less based gradient menu
Updated: July 03, 2018
Built Using: HTML / LESS
Simple fast loading menu with unique look
Created: June 29, 2018
Built Using: HTML / SASS
Menu in columns
Updated: March 12, 2013
Built Using: HTML / CSS
Simple hover event navigation experience
Updated: May 19, 2014
Built Using: HTML / CSS / jQuery (Javascript)
Menu Animated Dropdown and Icon
Updated: April 20, 2016
Built Using: HTML / CSS / Javascript
Admin Menu
Created: May 07, 2015
Built Using: HTML / LESS / jQuery (Javascript)
Responsive nav with hamburger animation
Created: June 09, 2016
Built Using: HTML / SCSS / jQuery (Javascript)
Animated CSS Menu Icon
Updated: November 08, 2016
Built Using: HTML / SCSS / jQuery (Javascript)
Fluid menu with transparent icons
Updated: June 03, 2013
Built Using: HTML / CSS
Pure CSS Responsive Nav
Created: October 13, 2016
Built Using: HTML / CSS
Header with nav and hero section
Updated: July 03, 2018
Built Using: HTML / CSS / jQuery (Javascript)
How to provide IE only style sheets.
How to Host Google Fonts Locally
How to Use Different CSS Style Sheets For Different Browsers
About The Author
Nohman Habib
I basically work in the CMS, like Joomla and WordPress and in framework like Laravel and have keen interest in developing mobile apps by utilizing hybrid technology. I also have experience working in AWS technology. In terms of CMS, I give Joomla the most value because I found it so much user freindly and my clients feel so much easy to manage their project in it.
