225+ Best Premium & Free CSS3 jQuery Menus Plugins

Posted by on 22 July 2014


ThemeForest

You May Also Like:

7+ Free Colorful Origami Birds PNG Icons

225+ Best Free Fonts Download 2014

45+ Free vBulletin Themes Forum Skins


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 : 22 JUL 2014]


TONIK Navigation Menu Plugin

Pure CSS
Works On All Major Browsers
Flat Design
Animated ( CSS3 )
7 Colors ( dark & light )
blue & light blue
green & light green
orange & light orange
pink & light pink
red & light red
violet & light violet
yellow & light yellow
2 Postions ( top left and top right )
2 Direction ( horizontal and vertical )
Font Awesome Icons
Less File Included

MORE / INFO DEMO


Pizza Slice Menu Plugin

5 different colors
3 different sizes
All psd files included
Easy to use
No javascript
Video help

MORE / INFO DEMO


CSS Fixed and Animated Sidebar Menu Plugin

Pure css fixed sidebar with six different skins..

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


Zetta Menu CSS3 Mega Drop Down Menu Plugin

Zetta Menu is pure CSS3 mega dropdown menu.
Mega menu comes on CSS/XHTML and CSS3 animations.
Over 430 Icons (Font Awesome)
It is fully responsive and have 3 mobile versions.
Different positions: horizontal top and bottom, vertical right and left.
12 column grid system.
6 different templates with unlimited color schemes.
Comes with detailed documentation.

MORE / INFO DEMO


Lynx Responsive Off-Canvas Menu Plugin

Lynx is a pure CSS responsive menu, optimized for mobile & touch devices. On small screens, the horizontal navigation becomes a vertical off-canvas menu, which can be toggled with a single tap/click. Lynx is also compatible with high-resolution displays such as Retina.

MORE / INFO DEMO


Return Menu Framework CSS Menu Plugin

FIVE THEME
THREE SIZE
TOP, BOTTOM, LEFT, RIGHT POSITION
DARK AND LIGHT VERSION
ICON SUPPORT (360+)
CROSS BROWSER
EASY USE
EASY CHANGE THEME OR POSITION OR SIZE
WELL DOCUMENTED

MORE / INFO DEMO


Solis Horizontal Submenu Plugin

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.

MORE / INFO DEMO


Responsive CSS3 Off-Canvas Menu

This is a Responsive CSS3 Multilevel, CSS3 transitions to animate the “off-canvass” slide effect (no JavaScript), provides an optimal viewing experience across a wide range of devices: from desktop computers to mobile phones and tablets. It Uses the advanced check-box hack to activate “off-canvass” sub-menus (for Android/iOS).

MORE / INFO DEMO


ODY Sidebar Menu jQuery Navigation Plugin

ODY Sidebar Menu is a sidebar menu compatible with all devices, Desktop, Ipad, Iphone etc.

MORE / INFO DEMO


Cool Navigation Free CSS3 Menu

MORE / INFO


Responsive Slide Toggle Free CSS3 Menu

MORE / INFO


Habrahabr side panel free css3 menu

MORE / INFO


Zetta Menu CSS3 Mega Drop Down Menu jQuery Plugin

Zetta Menu is pure CSS3 mega dropdown menu.
Mega menu comes on CSS/XHTML and CSS3 animations.
Over 350 Icons (Font Awesome)
It is fully responsive and have 3 mobile versions.
Different positions: horizontal top and bottom, vertical right and left.
12 column grid system.
5 different templates with 6 color schemes each.
Comes with detailed documentation.

MORE / INFO DEMO


Fixed Menu responsive horizontal, vertical menu jquery plugin

Fixed Menu helps to create a responsive menu. Gets a block with your links and convert it to the menu.

MORE / INFO DEMO


Multiroute Google Maps Multiple Route jQuery Navigation Plugin

Multiroute is function to easily access multiple route of Google Maps API and it is show you the Direction Panel of every Route. So you can avoid the traffic jam.

MORE / INFO DEMO


Metro Sidebar jQuery Navigation Plugin

Metro is a powerful jQuery sidebar that looks like an App.

MORE / INFO DEMO


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


PAGES : 1 2 3 4 5 6


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