125+ Best Premium & Free CSS3 jQuery Menus Plugins

Posted by on 4 February 2014


ThemeForest

You May Also Like:

Gfx Free Long Shadow Generator

45+ Best Easy Free Website Builders

125+ Best Free Responsive Joomla Templates


Premium and free HTML5 CSS3 jQuery Navigation Menus comes either the code into your own design or modify the menu to suit your needs.

Navigation is such an important part of your website.
It’s how your visitors navigate to the main areas of your site and makes it easy for them to find your good content.

CSS is of course the perfect language for designing beautiful navigation menus.
It can be applied to any type of website and is very flexible.
Don’t be alarmed if your own CSS skills are fairly limited as there are a lot of great tutorials out there that walk you through how to add clean and professional looking CSS menus to your website.
You can either copy and paste the code into your own design or modify the menu to suit your needs.

[UPDATED : 2 APR 2014]


Pure CSS3 Mega Dropdown Menu With Animation (Horizontal)

MORE / INFO


Pure CSS3 Mega Dropdown Menu With Animation (Vertical)

MORE / INFO


Puerto Responsive jQuery HTML5 CSS3 Mega Menu Plugin

Puerto – Responsive Mega menu: is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. CSS is separate from HTML and is well commented. Menu has two similar layout and eight colors, each theme can be used separately without any connection with the others. Menu is responsible and adapts to the screen of the device(computer monitor, tablet, mobile phone…). Menu also has five different animation.

MORE / INFO DEMO


GenieMenu – Responsive Menu Generator jQuery Plugin

GenieMenu is a jQuery plugin which would help you to make your navigation menu looks awesome on any mobile device. It takes your existing desktop version menu and generates a mobile-friendly menu optimized for small screens using cutting-edge web techniques.

MORE / INFO DEMO


Auto Menu jQuery Navigation Plugin

Auto Menu plugin helps to create a menu to movement on page headings. Automatically scans an area that you specify and creates a menu.

MORE / INFO DEMO


Free Animate People Menu

MORE / INFO


Flex Vertical Menu jQuery Plugin

Flex Vertical Mega Menu is a flexible and easy to integrate solution to build your custom menus.This Menus created with CSS3 and Jquery. CSS3 Responsive Vertical Mega Menu comes with 4 color schemes.

MORE / INFO DEMO


Free CSS Menu From Side

MORE / INFO


CSS3 Responsive Blur Menu

100% Responsive Menu
Hover CSS3 Blur Animation
7 Style Effect
Multi device support (Web, Tablets & Mobile)
Pure HTML5 + CSS3
Clean flat design
Cross-Browser IE8+, Firefox, Safari, Chrome
Very flexible and easy to use

MORE / INFO DEMO


Free Flat CSS3 Drop Down jQuery Menu

This manu by Andreas Storm

MORE / INFO


Maz CSS3 Menu jQuery Plugin

Pure CSS3 and HTML5.
Includes 14 Style Presets
Multilevel Dropdown Submenus
6 Columns
Font Awesome icons
Contact Form
Cross all modern browsers

MORE / INFO


MetisMenu – Free jQuery Menu Plugin for Bootstrap 3

MetisMenu is a jQuery menu plugin for Bootstrap 3.
You can create collapsible menu with animated accordion effects and auto collapse support.

MORE / INFO DEMO


CSS3 Responsive Vertical Mega Menu Plugin

CSS3 Responsive Vertical Mega Menu is a flexible and easy to integrate solution to build your custom menus.This Menus created with CSS3 and HTML5, No single line javascript or jquery used.CSS3 Responsive Vertical Mega Menu comes with 15 color schemes. This Mega menu implemented by HTML5 & CSS3, provides an optimal viewing experience across a wide range of devices: from desktop computers to mobile phones and tablets.

MORE / INFO DEMO


Paper Fold Menu Plugin

Easy to install.
3 different animations. ( you can add your colors in CSS ).
Clean and easy to understand HTML and CSS files.
Well commented HTML and CSS code.
Full documentation in archive.

MORE / INFO DEMO


Pure CSS3 Horizontal Animated Menu Styles

HTML5 & CSS3 Valid
Works on all major browsers
Clean & simple desig
Pure Css
Easy to use.
CSS Animations
Social Networks
Right and Left direction.

MORE / INFO DEMO


Varicolored- CSS3 Responsive E-com Mega Menu

100% responsive mega menu
Multicolored beautiful menu
CSS3 animation has been used for effects
Ultimate design and clean code
No javascript or images used
Six Columns grid based
Multi-level & Multi-column drop down menu
Easy to integrate
Font Awesome icons

MORE / INFO DEMO


Tuts Flat CSS3 Menu – Responsive

Pure CSS3, no java script or images used
6 Color Schemes
Full Responsive
CSS3 Animation
Fontawesome icons
Clean Design and Code
Easy to Use

MORE / INFO DEMO


Free jQuery ListNav Plugin

Add a slick “letter-based” navigation bar to all of your lists. Click a letter to quicky filter the list to items that match that letter.

MORE / INFO DEMO


Touch Menu Plugin

Touch Menu is a jQuery Plugin for responsive menu which allows you to have infinite menu items since it is scrollable and doesn’t need to collapse to a button in smaller screens. It is Cross-Browser and Works on Both iOS and Android. The package comes with Multiple Themes.

MORE / INFO DEMO


Free Amazon Side Bar Menu Plugin with jQuery

This menu models itself after the side bar menu found on Amazon.com to provide a flexible, content-rich fold out menu. It supports infinite number of sub menus. In addition, the menu is responsive in smaller screen and mobile devices, by stacking the sub levels when revealed on top of its parent to conserve space. A robust menu this is, and across multiple platforms!

MORE / INFO DEMO


Aviate Mega Menu – jQuery CSS DropDown Menu Plugin

Are you looking for a really flexible, modern, mobile-ready jQuery Menu Plugin? You found it. Lot of customization settings helps to create that you imagined. With over 650 Font Styles, 360+ Icons you get a huge variety of options to make really unique jQuery Drop Down Menus for your website.

MORE / INFO DEMO


neatnait css3 3D transitions menu

A bunch of css3 only 3D transitions made.

MORE / INFO


CSS Drop Down Menu Without JS

MORE / INFO


Pure CSS3 Tooltip Plugin

Pure CSS3 Tooltip is a flexible and easy to integrate solution to create tooltip which is use to give hints to user. This Tooltip created with CSS3 and HTML5, No single line javascript or jquery used. Pure CSS3 Tooltip comes with 12 color schemes.

MORE / INFO DEMO


Mash – Flat Mega Menu Responsive Plugin

Pure CSS3, no java script or images used
8 Color Schemes
6 Columns Grid based
Css3 animation
Fontawesome icon
Clean design and code
Easy to use

MORE / INFO DEMO


CMD Bomsect – fullscreen overlay menu styles

CMD Bomsect – fullscreen overlay menu styles – easy to use cross-browser and mobile ready fullscreen menu overlays animation. Menu easy to install and change, file includes 12 different animations and 5 additional colors of background.

MORE / INFO DEMO


Octo Sidebar Menu jQuery Plugin

Octo Sidebar Menu Background image is not included into the download files.

MORE / INFO DEMO


Supernav- CSS3 Responsive Mega Menu

Pure CSS3 No images used CSS Animations HTML5 & CSS3 Valid One hundred percent highly Responsive Mega Menu Total 15 Predefined color schemes Up to six columns Clean design and code Well commented and documented very flexible and easy to use Works on all major browsers.

MORE / INFO DEMO


Sadhak Responsive Navigation Menu

Pure CSS3/HTML5
Fully Responsive
Font Awesome Ready
Easy to customize
Easy to Use
CSS Only(no Javascript or Images)
CSS3 Transition Effects
Cross Browser
Documented

MORE / INFO DEMO


FLUX | CSS3-Animated Menu jQuery Plugin

100% Valid HTML5 & CSS3
Works on IE7+, Chrome, Firefox, Opera, Safari
You can add an ulimited Submenus
5 Colors Available
Vertical & Horizontal Menus
CSS3-Animated Submenus
Thorough Step-by-step Documentation

MORE / INFO DEMO

Flod It Menu jQuery Plugin

Query plugin for animated 3d menu
Panel menu for mobile sites/phonegap and full site that features a distinctive 3d perspective accordeon effect . This menu can be the basis of either a mobile web site or packaged as a hybrid app using phonegap.

MORE / INFO DEMO


jQuery Sidebar Menu

The script is a complex jQuery Sidebar Menu perfect solution for mobile devices.

MORE / INFO DEMO


FH Mega Menu – jQuery Bootstrap 3 Mega Menu Plugin

The FH Mega Menu is a jQuery based Bootstrap 3.0+ mega menu plugin compatible with all mobile devices and modern web browsers.

The FH Mega Menu coded with standard Twitter Bootstrap 3.0 codes and custom 6 color schemes (orange, blue, red, inverse, default and green) but don’t worry! you can build your own color schemes very easy! The FH Mega Menu 100% responsive layout design and retina display ready with awesome font icons! You can use Bootstrap column grid system with this plugin also you can use custom widgets like videos, Google Map’s, text widgets, tablets, media elements, carousel elements, buttons and so much more…

MORE / INFO DEMO


RLMenu | CSS Vertical Menu

RLMenu is a Simple Menu designed using CSS3&HTML5 easy to use, can be added to any design easily.
This Menu come with 10 different colors and can be used “right to left” or “left to right”.
You can also add your links in social networking (Facebook, Twitter, YouTube …)

MORE / INFO DEMO


Pure CSS3 Responsive Mega Menu Plugin

Pure CSS3 Responsive Mega menu is a flexible and easy to integrate solution to build your custom menus.This Menus created with CSS3 and HTML5, No single line javascript or jquery used. Pure CSS3 Responsive Mega menu comes with 10 color schemes.This Mega menu implemented by HTML5 & CSS3, provides an optimal viewing experience across a wide range of devices: from desktop computers to mobile phones and tablets.

MORE / INFO DEMO


Corner – CSS3 Minimalist Menu

Corner is a lightweight pure CSS3 menu which will make an impression on your users.

MORE / INFO DEMO


Cross-Browser Multi-Level Free Push Menu with jQuery

Multi-level push menu is cross-browser compatible jQuery plug-in allowing endless nesting of navigation elements.
This jQuery plugin is inspired by Codrops MultiLevelPushMenu but unlike it not relaying on CSS 3D Transforms and therefore functional in older browsers too (i.e. IE 8).

MORE / INFO DEMO


Flat CSS3 Responsive Menu

Full Responsive
Pure CSS3, no java script or images used
5 colors scheme
Up to 6 columns
Fontawesome icon
2 Dropdown Hover Effects
Clean design and code
Easy to use

MORE / INFO DEMO


Whirling Menu Plugin

This is a whirling menu by css 3 . It can be used in any kinds of web-site styling menu bar.

MORE / INFO DEMO


East CSS3 Menu jQuery Plugin

Multilevel dropdown menu
6 Columns
Image + 4 Columns
Contact form
Social media with icon by font awesome
Searchbox
Google fonts

MORE / INFO DEMO


Yalda jQuery – Package Menu

Animated Dropdown Menu (jQuery + CSS3)
Animated Horizontal SubMenu (CSS3)
Animated Vertical Menu (jQuery + CSS3)
Footer Menu (CSS3)

MORE / INFO DEMO


Pure CSS3 Responsive jQuery Drop Down Menu Plugin

This is a Pure CSS3 Responsive Dropdown Menu implemented by HTML5 & CSS3, provides an optimal viewing experience across a wide range of devices: from desktop computers to mobile phones and tablets. It uses CSS3 to adapt the layout to the viewing environment. This layout is based on percentage widths, you can set fixed layout or fluid layout very easily.

MORE / INFO DEMO


Flat Drop Down Menu

Clean and minimal flat dropdown menu for login or admin settings panel for developers. form designed using HTML5 and CSS3 that’s completely free for download and use straight away in your website. No clutter, no useless information, no extra design – simple.
A HTML CSS Flat Drop down Menu which can be used in you web projects.

MORE / INFO DEMO


Tilt – 3D Metro Physics Navigation Menu

Completely configurable tiles and grids. All mobile friendly and responsive, both the layout and interaction. Use for navigation, galleries or just to make things tilt.

MORE / INFO DEMO


Flat Grid Mega Menu- Responsive

Pure CSS3
CSS3 Animation Used
Fontawesome Icons
6 Predefined Colors
Clean Design & Commented Code
Column Based Flexible Grid System
Easy To Use

MORE / INFO DEMO


Nuxion – Responsive UX Navigation Menu Bar

Nuxion jQuery – Responsive UX Navigation Menu Bar is a small jQuery plugin that is used to create modern navigation bars that support unlimited menus, flexible layouts. You can easily customize the style of the navigation with CSS, place it at anywhere in your site like: the top of the page, the middle of the content or left/right side bars. You can check our basic demos for more details.

MORE / INFO DEMO


Beta – Mobile-First Responsive Menu

Beta is a simple responsive menu, optimized for mobile & touch devices. It follows the popular trend of “flat design”, having a simple but usable and easy to integrate design. On mobile devices, the fluid horizontal menu turns into a vertical menu which, just like the submenus, can be toggled with a single tap/click. Also, unlike most of the responsive menus, the links which contain submenus can still have an URL asigned, as the menu has separate buttons which toggle the submenus.

MORE / INFO DEMO


Tocible – Table of Contents Navigation Menu

Tocible is a lightweight jQuery plugin for creating table of contents navigation menu.

MORE / INFO DEMO


CSS3 Flat Mega Menu Plugin

100% Responsive mega menu
Pure CSS3 no javascript used
CSS3 Animations used for effects
Font Awesome icons
5 Preset color schemes
Clean flat design
Multi-column content
Fullwidth dropdown

MORE / INFO DEMO


Rad – Package Menu

EVERY THEMES: 5 or 6 COLOR SCHEME
60+ ANIMATION EFFECTS
PURE CSS3/HTML5
ICON SUPPORT (360+)
CROSS BROWSER
FREE FONT
EASY CHANGE COLOR
EASY CHANGE ANIMATION EFFECTS
FREE UPDATE
DOCUMENTED

MORE / INFO DEMO


Sliding Sidebar jQuery Menu Plugin

A simple sliding animated sidebar and fixed with PURE css.

MORE / INFO DEMO


Medi – Animated Circular Menu Plugin

Circular animated menu based in pure CSS3/ HTML5, 8 colors, smooth animation.
This menu use ICOMOON library and “Merriweather” google font.

MORE / INFO DEMO


South – CSS3 Menu Plugin

Pure CSS3/HTML5
Responsive
6 Themes
+ 4 Color link styles (special for black and silver theme only)
Column
Multiple dropdown menu
Contact form
Login form
Works with all modern browsers

MORE / INFO DEMO


Complete Windows 8 Web Set

Complete list of Windows 8 Styled web elements including: a lock screen, a login screen, a grid/tile start menu, a navigation menu, and a slide-out side menu.


Shifter – Slide Out Mobile Navigation Menu

Shifter is a jQuery plugin for simple slide-out mobile navigation.
Shifter works by checking for target elements in the DOM and binding events to them.

MORE / INFO DEMO


FlexiNav – Flexible and Responsive Navigation Menu

FlexiNav is the most flexible navigation system designed to work on any device. It is fully responsive and comes with 10 color presets.

This menu can be fixed at the top of the browser and has an optionnal trigger button to show or hide the menu bar. On mobile devices, the menu is put back into the flow of the page to make sure that all the content can be reached (fixed elements that don’t fit into a phone screen can’t be scrolled). If one menu isn’t enough, you can add others as you wish.

MORE / INFO DEMO


MEDI – Responsive & Animated CSS3 Menu

“MEDI” is a responsive and animated menu based in pure CSS3/ HTML5, it comes with 8 colors with clean design and smooth animation, and it can be used on almost any website
This menu use ICOMOON library and “Source Sans Pro” google font.

MORE / INFO DEMO


Pure .CSS Multicolor Navigation Bar – 7 Flat Colors

Stepping away from PSD and all types of cool effects , today’s release focuses on CSS, check out this cool nav bar I just did: An easy to use clean navigation bar that’s available in 7 flat colors with rollover effect. You can obviously edit the CSS if you need another color pallet to match your website/blog . Do check out the working demo, and grab the source from below.

MORE / INFO DEMO


Slider Timeline Menu with CSS3 and jQuery Plugin

Learn to create a slider timeline menu with CSS3 animations and jQuery. It is a fixed navigation that smooth scrolls to new sections with a cool slider effect.

MORE/ INFO DEMO


Free jQuery Fly Side Menu

Fly Side Menu is a script that will recreate the impressive animation you see on Airbnb’s new iOS7 app using jQuery and CSS3.
Also it has some additional options and it tested on modern browsers such as Chrome, Firefox, and Safari.

MORE / INFO DEMO


jQuery Jet – Responsive Megamenu

Jet Responsive Megamenu is a menu component based in CSS and Javascript code. It can be used like a dropdown navigation, megamenu navigation or both. It’s has a responsive and fluid layout.

MORE / INFO DOWNLOAD


Hyder – Simple Hidden Navigation

Dark & Light version
Hidden Menu
Include HTML5/CSS3 and JavaScript file
Clean CSS/HTML Code
Cross Browser Support
CSS & HTML file include helpful comment
Documentation
Use Font Awesome instead Icon

MORE / INFO DEMO


MetNav 2- Another jQuery Metro UI Navigation Menu Plugin

MetNav 2 is jEffectBox’s 2nd jQuery navigation menu plugin based on Window 8 Metro theme. It’s very lightweight and looks good on almost all major browsers and devices. It’s a Windows 8 Tile base navigation menu which supports unlimited sub menus. It supports responsive design and works well on touch devices.This plugin is dedicated to all Metro lover in the world.

MORE / INFO DEMO


CSS3 Social Sidebar Menu Plugin

Add social links to the side of your website quickly and easily with this highly customizable set of styles, icons, and HTML!

MORE / INFO DEMO


ReSmenu – Select Based jQuery Responsive Menu

jQuery ReSmenu is a simple and lightweight jQuery plugin that collapse ul menus into selects on responsive layouts.

MORE / INFO


jQuery Accessible Mega Menu Plugin

The navigation menu at the top of this page demonstrates how one can implement an accessible mega menu as a jQuery plugin. It is modeled after the mega menu on adobe.com but has been simplified for use by others. An brief explanation of our interaction design choices can be found in a blog post at Mega menu accessibility on adobe.com.

MORE / INFO DEMO


CSS3 Scrollbar Styles

Easy to use the beautiful and colorful CSS3 Scrollbar for their own website. Simply insert into the existing CSS file and enjoy the new CSS3 Scrollbar.

MORE / INFO DEMO


Metro Admin Dashboard Menu

A Pure HTML5/CCS3 Metro Style Admin Dashboard layout that fits well with any web design. Very minimal on the left hand side of the page, leaving a lot of open space for content.

MORE / INFO DEMO


FerroMenu – Free Responsive and Interactive jQuery Bubble Menu Plugin

FerroMenu is a free jQuery plugin that allows you to create animatable, responsive, user and mobile friendly bubble menus in a cool way and drag them through the screen.
With sevaral options you can customize the behaviuor of FerroMenu. It can be dragged around the screen, or you can set the transition time, delay and easing.

MORE / INFO DEMO


Wonderful CSS3 Flat Menu

Pure CSS3
Full responsive
Clean flat design
Multilevel dropdown menu
17 Preset color schemes
Multi-column content
Left or right item alignment
Fullwidth dropdown
Font Awesome icons
Well documented

MORE / INFO DEMO


Talos – Animated Horizontal Submenu

This is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website.
Menu works (the main structure is 100% same) on Internet Explorer 9, 8, 7… and a lot of old browsers but animation and some other CSS3 features do not work.

MORE / INFO DEMO


CSS3 Mega Drop Down Menu

Mega dropdown is a pure CSS dropdown menu with 5 included color schemes (sky blue, red, orange, green, grey).

MORE / INFO DEMO


CSS3 responsive A-menu

7 Color Schemes
You can simply change color scheme of the menu by adding to the class name of the color
Responsive mobile version
Your menu will looking good on your mobile phone
Vector icons
Font awesome – beatiful iconic font
HTML5 and CSS3 standart
Semantic HTML markup and standards compliant CSS
Cross-browser
Tested on Windows (Chrome, Firefox, Opera, IE8, IE9, IE10), Mac (Safari, Chrome, Firefox, Opera), iOS (iPhone, iPad) and Android
Free Updates
You will get free new versions of this product

MORE / INFO DEMO


Category menus with SubMenus – FULL CSS

Full CSS/HTML
4 Color Ready To Use
2 Version Ready To Use. RTL Version And LTR Version
No JavaScript
Very Easy To Edit
Easy To Use
All Browser(Doesn’t work in IE8)
Documented

MORE / INFO DEMO


Hide & Show Menu – FULL CSS

Full CSS/HTML
4 Color Ready To Use
2 Version Ready To Use. RTL Version And LTR Version
No JavaScript
Icon PSD Included
Icon Support
Very Easy To Edit
Easy To Use
All Browser
Documented

MORE / INFO DEMO


His – Animated Vertical Menu

2 STYLES
7 COLOR SCHEME
67 ANIMATION EFFECTS
PURE CSS3/HTML5
ICON SUPPORT (360+)
CROSS BROWSER
FREE FONT
EASY CHANGE COLOR
EASY CHANGE ANIMATION EFFECTS
FREE UPDATE
DOCUMENTED

MORE / INFO DEMO


3d Mega Menu for Bootstrap jQuery Menu

Responsive 3D Mega Drop Down Menu is a flexible and high customizable to build your custom menus. It is very easy to build a horizontal or verticalmenu. In addition to you can set up the menu item drop down by clicking or hovering. You can assign a certain color or choose in 16 colorvariants. There are 2 colors for drop downs (dark and light) and many 2D, 3D effects.

MORE / INFO DEMO


Our Metro Sidebar jQuery Menu

Our Metro Sidebar display a sidebar with metro style, ideal for use on tables of content, navigation menus or management interfaces.

MORE / INFO DEMO


Vertical Responsive Navigation jQuery Menu

Vertical Responsive Navigation is a navigation component based in CSS and Javascript code. It’s responsive navigation, collapsible on mobile devices, has two themes and 12 preset colors.

MORE / INFO DEMO


Magnet Menu Bar jQuery Menu

Magnet Menu Bar is a powerful CSS plus Javascript script that is used to create modern navigation menu for any sites with responsive design feature.

MORE / INFO DEMO


Metro Style Navigation Menu

Easy to use.
Metro UI.
Changeable color.
Animated transition.
Containing with sub-menus.

MORE / INFO DEMO


Universal Responsive Mega Menu

This menu is the result of a combination of my best works on Codecanyon : I’ve put together a flexible mega menu system that can hold 12 sizes of drop downs, unlimited fly-out elements combined with a jQuery script to enhance the whole system.

MORE / INFO DEMO


Responsive Megamenu

Responsive Megamenu is a menu component based in CSS and Javascript code. It can be used like a dropdown navigation, megamenu navigation or both. It’s has a responsive and fluid layout.

MORE / INFO DEMO


jQuery Hidden Panel Menu

A jQuery plugin which added the hidden panel to the 4 position of the browser corner. You can use it to display a image gallery or video showcase.

MORE / INFO DEMO


Golden Menu – Responsive Flat Dropdown Menu

Golden is a Responsive Muti-level dropdown menu styled purely with CSS and enhaced with Javascript. The menu has a modern Flat UI feel and style, comes with 6 dark and light themes, can be used in any website or web application and also works well across all modern and old browsers including IE6+.

MORE / INFO DEMO


Jump To – Smooth Jump-To Sub Navigation Menu

Jump To is a jQuery plugin that let you create a smooth jump to sub navigational menu in one JS call. The menu can be used to assist your navigation for pages with a lot of content.

MORE / INFO DEMO


Google Play free style menu – Dissecting the Web

BT Magazine is latest, free and responsive Joomla 2.5 & 3.x template that fully supports EasyBlog. Its layout and design are modern and flexible enough to fit any digital magazine, technology blog, or online news site. Using this theme, you will discover numerous other amazing features that will save you a lot of time and effort. Additionally, we focused every last details to bring eye pleasant look and extreme browsing experience to your web visitors. With BT Magazine, let’s blogging more with less!

MORE / INFO DEMO


Rise CSS3 Animated Menu

Rise Animated Menu created using just CSS3 and HTML5.

MORE / INFO DEMO


Uze jQuery – Responsive Animated Menu

MORE / INFO DEMO


Gimel – Sticky Off-Canvas Menu

Gimel is a pure CSS sticky off-canvas navigation, optimized for mobile & touch devices. It’s the perfect choice for content-focused websites with small sitemaps. It occupies a small amount of space and it can be accessed anytime with a single click/tap. The menu also adapts very easily to the devices with small screens (the height descreases and the submenus are open by default).

MORE / INFO DEMO


Shik – Animated Mega Menu

Based in Pure CSS3.


A pure CSS responsive navigation menu

avigataur is a simple CSS snippet for stylish responsive navigation menus.


SlickNav – Responsive Mobile Menu Plugin

Without any additional configuration, both the original and mobile menus will be displayed. It is recommended to use media queries to hide the original menu and display the mobile menu when appropriate. Modernizr or similar can be used for graceful degradation.

MORE / INFO DEMO


Classic Flat Corporate Horizontal Menu

Classic horizontal menu with 3 color schemes, nice looking, responsive and easy to customize. The menu is pretty creative, clean and flat also, with on start animation. Easy to implement.

MORE / INFO DOWNLOAD


jQuery CSS3 Awesome Menu

CSS3 Awesome Menu is completely coded using CSS3 and Icon Fonts. No JavaScript are involved. This menu is inspired by the menu from the Google Nexus Site.

MORE / INFO DOWNLOAD


jQuery Cascading DropDowns Menu

Cascading DropDowns is a jQuery plugin that implements dropdown lists in which contents of one list depends on the selection of another list. The plugin has right panel with items (any html structure), that depend on dropdown selected value and filtered on selection callback. The dropdowns work with json as data source (ajax or javascript array). The right panel items work with ajax or inline html as data source.

MORE / INFO DOWNLOAD


Animated Border Menus

The other day I saw a really nice concept of a menu on the UI8 site. CreativeDash implemented that gorgeous concept and I instantly had some ideas for more effects involving border transitions but also with the desktop in mind. So today I want to show you how to create something like that and provide some more inspirational examples.
In this tutorial we will be going through demo 2 where the menu icon is in the top left corner and the border is thickest on the left side.

MORE / INFO DEMO


Context.js – Bootstrap Context Menu

context.js is a lightweight solution for contextual menus. Currently, there are two versions.

The first is to be used with Twitter Bootstrap (bootstrap.css specifically). If you do not use or want to use bootstrap.css, there is a standalone stylesheet to give the menu it’s base styles.

MORE / INFO


Back to Simplicity – Clean CSS3 Menu

A Pure HTML5/CCS3 Simplistic Clean menu, with responsive design, Icon fonts and more!

MORE / INFO DEMO


Kabude jQuery – Animated Mega Menu

MORE / INFO DEMO


His – Animated Mega Menu

MORE / INFO DEMO


PAGES : 1 2 3 4 5


Lisa Zickler

Social Media Assistant at Designrazzi. Lisa Zickler has been covering technology since the early days of Web 2.0 and got an up-close look at birth of Silicon Alley in New York City.


Content may not be re-published without permission.
Some pages on this site include affiliate links.

0 comments