200 CSS Menu Plugins

bootstrap dropdown hover menu .....
Menu

Here's an easy way to create an iOS style, side sliding menu. .....
Menu

I was in need of a very style agnostic drop down menu and struggling to find one. So I built one! I have made subtle change for submenus to use top and bottom padding in conjunction with a smaller line-height to accommodate multi.....
Menu

A simple hamburger menu example using html, css & jQuery. .....
Menu

Gooey menu with CSS and SVG filters. Version 1 .....
Menu

Your menu (or any element you choose) will stick at the top of the screen when you scroll down and it "hits" the top. IE7 and up. .....
Menu

Menu toggle button with flat menu. Uses CSS transitions and Vanilla JS. .....
Menu

a simple menu for my portfolio .....
Menu

Responsive mega menu using css. .....
Menu

Gooey menu with CSS and SVG filters. Version 3 .....
Menu

Gooey menu with CSS and SVG filters. Version 2 .....
Menu

Hamburger menu to expand to full screen when toggled. Will close when clicking/touching anywhere but an actual link. .....
Menu

What would you like to eat today? Will be great x with native implementation on touch devices My inspiration started here http://capptivate.co/2013/07/12/making-3/ .....
Menu

Just pull down and release to jump between pages. .....
Menu

This mobile inspired flower popup menu is a colourful fun project I'm experimenting with. Feel free to use it however you like. .....
Menu

I was building a very simple Mega menu style nav for my client. It was designed for a fixed-width page but I think it's possible to make it responsive by replacing menu columns with fluid and span#. .....
Menu

Little off canvas animated menu .....
Menu

Pure css 3 responsive menu with dropdowns. The blocks are meant to resemble elements on the periodic table .....
Menu

Example for http://stackoverflow.com/questions/20098447/css-only-drop-down-menu-css3-transition .....
Menu

A radial menu made with CSS3 and JavaScript .....
Menu

Animated hamburger menu. It transforms into a close icon when clicked. .....
Menu

Sidebar Menu Hover Show/Hide with just CSS .....
Menu

Gooey menu with CSS and SVG filters. Version 4 .....
Menu

CSS Sliding menu with scroll, no JS were used .....
Menu

.....
Menu

Responsive mega menu with blog,Image and drop down.Enjoy it.... .....
Menu

This is a one page navigation with diferent sections and a pure CSS menu and transitions. .....
Menu

I came up with this idea to use the :checked selector to activate a hamburger menu. This is it, no js to toggle a class. .....
Menu

Filter Menu created by Anton Aheichanka that has been converted into web version. Here is the original link of https://dribbble.com/shots/1956586-Filter-Menu .....
Menu

Overlay menu with Css animation ! .....
Menu

This is pure HTML5 CSS3 Horizontal Menu. It requires no javascript or programming language to function. This was found on Google, further enhancements were made in css & is now published by me as a 'take-away' code. .....
Menu

Responsive menu with : .each(), setTimeout() aned animation CSS3 .....
Menu

This is a sidebar navigation menu that has a toggle. When clicked the toggle animated into an 'X' as the menu expands. The menu is full height and fixed. .....
Menu

Animated, CSS dropdown menus .....
Menu

Accordion menu .....
Menu

Responsive Dropdown Menu .....
Menu

Playing around and learning HAML + SCSS - Basic Responsive Menu .....
Menu

Bootstrap Responsive Mega Menu .....
Menu

There is a bug with square backgrounds when you hovering buttons. Looks like it's a problem with this fancy hsla gradient background, but i don't wanna change it :) .....
Menu

Circular menu with toggle button created only with css. You can configure the menu size, number of items, color of toggle button and links icons. .....
Menu

YouTube Menu Effect: A menu as seen on YouTube. .....
Menu

Custom select menu .....
Menu

A simple, clean pure CSS menu that uses keyframe animation to create a "swining panel" effect for sub nav. I am having trouble getting it to work in Opera but performs well in Chrome, Safari and Firefox (but getting a weird flick.....
Menu

My take on a tasty burger menu. .....
Menu

This is just another dropdown menu concept. .....
Menu

I've always found the messenger menu sexy. Wanted to do one for the web, here it is! Using anime.js & Foundation Icon Fonts 3 .....
Menu

Responsive mobile menu with css only .....
Menu

It's basically a template with couple of features like that are invoked on scroll - Shrink Header, addition of drop shadow. Other than that smooth scroll feature is also added to logo(scroll top top) and smooth scroll to section .....
Menu

Based on: Material Design by Google (http://www.google.com/design/) Material Design Iconic Font (http://zavoloklom.github.io/material-design-iconic-font) .....
Menu

A simple checkbox burger menu inspired by Material Design for Android. .....
Menu

Simple menu buttons. Only developing for chrome at the moment so support on other browsers is limited. .....
Menu

Responsive flat animated overlay menu using css html and jquery nav navigation. There are two menus, classic and hamburger menu with full screen overlay. Its also flat. Links work when menu is downloaded. Icons from fontawesome .....
Menu

A full-screen menu, showcasing your brand and website navigation. Built using SCSS and vanilla JS. .....
Menu

Mobil Menu - Sidebar .....
Menu

Creative menu made with html sass/css3 and JQuery. .....
Menu

A simple hamburger menu scalable by REM. .....
Menu

Responsive slide menu Effect .....
Menu

A little experiment for a Responsive Dropdown Menu made with CSS only. .....
Menu

Fluid menu with transparent icons. Designed by Vincent Perhirin. .....
Menu

A simple CSS animated menu button. .....
Menu

.....
Menu

Dropdown Menu UI Inspiration: https://dribbble.com/shots/850410 .....
Menu

http://tympanus.net/codrops/2013/07/30/google-nexus-website-menu/ .....
Menu

A simple example of a dowpdown menu made with only CSS3 and HTML .....
Menu

.....
Menu

from http://www.jonathanbriehl.com/2014/01/17/vertical-menu-for-bootstrap-3/ .....
Menu

Mega Dropdown Menu Navbar - Bootstrap 4 code snippet example demo . full width dropdown menu .....
Menu

In this example I use scrollMonitor to fix a menu to the top of the page once it normally would leave the viewport. As an extra I also use CSS3 transition to animate the menu into a new appearance. .....
Menu

Responsive Mega Menu Enjoy! .....
Menu

A dropdown menu with onclick trigger. .....
Menu

This works on hover as an example, the idea: works on click with toogle... Only webkit prefix (sketch work) .....
Menu

.....
Menu

A jQuery 'plug-in' for displaying a three bar mobile menu toggle on Wordpress. Submenus get expanded via sliding motion, too. .....
Menu

For small screens a “menu” button appears that, when clicked, expands an accordion style navigation. When more screen real estate becomes available .....
Menu

No idea why this thing got so many views... :D Fancy, little animation for a dropdown menu or list. Using CSS3 animations and jQuery. .....
Menu

A custom select menu with jQuery and CSS. .....
Menu

A nice menu effect that when clicked will pop items around and when clicked will animate the button to circle around and then change the background color to the one selected. .....
Menu

This demo corresponds to a this question answered on stackoverflow about Bootstrap Navbar Logos .....
Menu

One more for the collection, this one includes a custom menu icon, i think the animation became great. .....
Menu

Four different menu animations for menu button toggle between hamburger, cross and back icon. Prefer Dots? .....
Menu

Having fun and learning some CSS3 animations and transitions. Inspired by this dribbble by The Purple Bunny: .....
Menu

A tab-to-menu layout that doesn't use javascript. Modern browser compatible. .....
Menu

Responsive menu, collapse in media screen minor than 480px width. .....
Menu

Add the active class on menu using jquery. .....
Menu

Some prototype for a mobile "hamburger" menu. Click to see the effect. .....
Menu

A fully responsive menu without any need of JavaScript and using less than 200 lines of functional CSS code. .....
Menu

Open & Close animation, inspiration taken from this dribble shot: https://dribbble.com/shots/2020759-Open-Close-Menu .....
Menu

Inspired by mobile menu made by Apple. You can see it at http://www.apple.com/. Pretty easy but also pretty efficient in terms of visual impact! ;) Love the minimalist look of the 2 bars burger :) .....
Menu

A simple example of a CSS horizontal menu with icons. .....
Menu

Responsive menu with jQuery and media queries .....
Menu

Recently Stripe.com Redesign it site, and the primary menu interaction really grab my attention. So here is the simple version of it. Hope you love it guys :) .....
Menu

A simple push menu without jQuery. Just pure vanilla Javascript and CSS. .....
Menu

.....
Menu

A11Y Dropdown Menu for A11y Project's Accessible Pattern Library Source : http://staff.washington.edu/tft/tests/menus/simplyaccessible/index.html .....
Menu

Memasang Fungsi Sticky Pada Menu Horizontal .....
Menu

Menu in CSS & Html for my online portfolio www.sije.fr Enjoy ;) .....
Menu

Bootstrap Tree Menu Example .....
Menu

.....
Menu

Add button menu concept with gooey animations just using SVG and CSS3. Inspired from a pen by @lbebber .....
Menu

A Material design style menu with fast action buttons. .....
Menu

Bringing Ink Drop Menu to life using SVG Goo, CSS transitions and simple jQuery to toggle the states. .....
Menu

These is a "Side Navigation Menu" with CSS3 transition technology & without JS. The GitHub code: https://github.com/PableraShow/Side-Navigation-Menu .....
Menu

A CSS3 side panel with menu and associated content which transitions in from the right hand side of the page. The whole body of the page moves left to create this effect. .....
Menu

Article - https://www.nxworld.net/tips/12-css-hamburger-menu-active-effect.html .....
Menu

A simple way of doing a transitioning burger menu .....
Menu

Experimenting with making the menu items themselves collapse into the bars of the hamburger menu. .....
Menu

Material design inspired 'growing' menu? Not sure what to call it to be honest. No jQuery used. .....
Menu

This magic line menu is built using magic. ( And also some simple jQuery ) .....
Menu

This menu uses CSS transitions to slide the menu up and down. The height of both the main menu and the sub menus are set dynamically via JavaScript. .....
Menu

Some pretty awful dropdown menu effects done with CSS .....
Menu

menu - header .....
Menu

Idea and inspiration: https://dribbble.com/shots/1719325-GIF-Sticker-App Developed in Chrome, not tested elsewhere, not production ready. .....
Menu

Utility menu with a zippy hamburger to splat animation. Inspired by many. .....
Menu

I wanted to create a click driven dropdown menu without using Js at all. Each second level menu visibility depends on the state of a checkbox input .....
Menu

From https://dribbble.com/shots/1689922-Side-Menu-Animation .....
Menu

A collection of hover effects for menus, using CSS3 transitions. 24/06/14 New menu added .....
Menu

Playing around with some menu burger action. Menu slides down from the top, while the menu trigger animates to the close button, and vice versa. .....
Menu

This is example #1 from responsive overlay menu framework. Full menu with submenus. This is a framework for creating responsive cross-browser overlay menus. Made with css3, jquery and ionicons. Fork and star on github https://git.....
Menu

Hover the menu and all of it's items flare out! .....
Menu

.....
Menu

sticky menu with header image/text .....
Sticky Menu

Just an experiment about sticky menu sticks container.There is a lot of diffrent solutions but i like to do it with js.And some of them using absolute to fixed for stick menu but it makes messy jumping effect , this is smoother. .....
Sticky Menu

Example of CSS Flexbox one page template, sticky menu, responsive, smooth scrolling with an added padding fix for collapsed state so the section title is not hidden underneath the menu. .....
Sticky Menu

.....
Sticky Menu

.....
Sticky Menu

Sticky menu without jQuery .....
Sticky Menu

.....
Sticky Menu

A simple hard coded sticky menu .....
Sticky Menu

similar to http://webdesign.tutsplus.com/tutorials/quick-tip-sticky-navigation-without-the-awkward-jump--cms-21687 without the use of the extra Jquery plugin .....
Sticky Menu

.....
Sticky Menu

Photo gallery scroll menu inspired by dribbble shot: https://dribbble.com/shots/2208939-Principle-Parallax-Scroll .....
Photo Gallery

For push menus. .arrow-right can be swapped for .arrow-left depending on what side the menu comes in from. .....
Arrow

An image slider with arrows and dots combined with a stylish navigation menu. .....
Arrow

Horizontal tab menu with left and right arrow key navigation. Built with Stylus and jQuery. .....
Arrow

Fullscreen slideshow with Slick Carousel (http://kenwheeler.github.io/slick/) with navigation buttons and burger menu. .....
SlideShow

I've always liked the lynda.com homepage with the flip-cards that point out their educational categories, so I wanted to figure out how to make one myself. This uses the Foundation framework for much of the style, and has a pure .....
Flip Card

Social Sharing Menu with Hover just CSS3 .....
Social Share Buttons

Based on a Daily UI Social Share video from Caler Edwards channel on Youtube. .....
Social Share Buttons

.....
Social Share Buttons

Hre is how to create Stylish Pure css Accordion Mneu with out any javascript ! .....
Accordions

CSS accordion menu with fading effect. Code for tutorial available on http://alexsblog.org/2014/09/03/css-tips-and-tricks-6-css-accordion-menu/ .....
Accordions

Css Accordion DropDown Menu .....
Accordions

This is my initial stab at a pure CSS accessible accordion menu. .....
Accordions

An accordion menu with no javascript using :checked. Technique from http://www.synbioz.com/blog/menu_accordeon_css .....
Accordions

.....
Accordions

Bootstrap 3 Left Multilevel Menu (Treeview) .....
TreeView

.....
TreeView

.....
Accordion Menu

A fully functional accordion menu, using unordered lists and checkboxes, to allow users to have accordion open/closed as required. .....
Accordion Menu

Como hacer un menú despegable estilo acordeón con jQuery. How to make an accordion menu with jQuery no Plugins. .....
Accordion Menu

Accordion Menu .....
Accordion Menu

Doom rock accordion menu. .....
Accordion Menu

This accordion menu, comes from one of my wordpress themes. It uses the xtndAccordion jquery plugin ( also mine ) to generate the functionality of a beautiful, simple to use and apply , accordion menu. .....
Accordion Menu

Accordion Menu With Icon : Accordion, Accordion Menu, Collapsing, Collapsable, bootstrap .....
Accordion Menu

You can find a fork of this menu adjusted to work with Wordpress here: http://codepen.io/geo2arc/pen/MwYJYy .....
Accordion Menu

IE9+ source: https://codyhouse.co/gem/css-multi-level-accordion-menu/ .....
Accordion Menu

The Simplest Accordion Menu you've ever Seen .....
Accordion Menu

Responsive CSS table, that turns into an accordion menu on small screens. Change Radio inputs to Checkboxes to expand multiple sections. .....
Accordion Menu

Simple Vertical Accordion Menu .....
Accordion Menu

A sleek vertical accordion menu for your next website/app. The headings use Font Awesome icon font. CSS3 gradients, transitions, and shadows have been used in the demo along with minimalistic use of jQuery for sliding the link li.....
Accordion Menu

with jQuery .....
Accordion Menu

Hello, This example to how to use Accordion menu in jquery and some css effect > Thank you < .....
Accordion Menu

This is a simple accordion menu. You click on a sidebar menu item, and it toggles the sub-menu in and out. .....
Accordion Menu

Create Accordion Menu Using CSS3 Transition: http://www.deluxeblogtips.com/2010/04/accordion-menu-css3-transition.html .....
Accordion Menu

This is the very simple and clean accordion menu which is suitable for list views and gathering footer links for responsive mobile layout .....
Accordion Menu

CSS vertical accordion menu code for tutorial on alexsblog.org. .....
Accordion Menu

Create Dynamic Accordion -Menu With Power Of Jquery .....
Accordion Menu

Semantic UI horizontal accordion menu .....
Accordion Menu

.....
Accordion Menu

Create Accordion Menu Using CSS3 Transition: http://www.deluxeblogtips.com/2010/04/accordion-menu-css3-transition.html .....
Accordion Menu

.....
Accordion Menu

.....
Accordion Menu

Código sencillo y corto para desarrollar un menú tipo acordeón. CSS y Js Uso librería: Font-awesome and Jquery .....
Accordion Menu

A tree-like menu element using Semantic-UI custom nested accordion. .....
Accordion Menu

Vue.js Multi-Level Tree Menu .....
Accordion Menu

.....
Accordion Menu

Simple, stylish and modern vertical accordion menu. .....
Accordion Menu

.....
Accordion Menu

Original accordian menu with bugs. See revised/working pen at fork http://codepen.io/PawleyBoboli/pen/ofhqg .....
Accordion Menu

Accordian using jquery animations vs css transitions .....
Accordion Menu

.....
Accordion Menu

JavaScript accordion menu using querySelector and the html5 data attribute .....
Accordion Menu

.....
Accordion Menu

Toggling animations .....
Accordion Menu

.....
Accordion Menu

.....
Accordion Menu

.....
Accordion Menu

Nothing ground breaking here just a little more practicing with some unfamiliar techniques. I am sure the jQuery could be neater though. .....
Accordion Menu

My first pen, don't judge 2 much. :) Simple accordion menu with responsive arrows made from pseudo elements. .....
Accordion Menu

Or something like that... Clickable dropdown menu. Pure and simple CSS, no JS! HTML is simple too, i used input form with checkbox to create that menu. .....
Accordion Menu

Simple animated GSAP (greensock) vertical accordion menu. .....
Accordion Menu

.....
Accordion Menu

Accessible and responsive accordion panel with minimal jquery to it functionality. If you hate the verbose code from bootstrap and similars css frameworks, this will probably suit up for you. .....
Accordion Menu

.....
Accordion Menu

.....
Accordion Menu

A simple accordion "menu" using only css. The key is a use of flexbox, viewport units (vw, vh) and some transition on hover. .....
Accordion Menu

.....
Accordion Menu

A simple bootstrap profile card with accordion functionality. The accordion contains a simple profile drop down, a social drop down and a contact drop down. .....
Accordion Menu

.....
Accordion Menu

.....
Accordion Menu