Top 14 Inspirational And Helpful Responsive Menu CSS Roundup

1. MOBILE.NAV - Responsive menu plugin

featured image

NAV – The easy to use mobile and vertical navigation menu CSS plugin for Wordpress

• Integrates with wordpress menu sidebar widget system

• Supports expanding menu tree (from wordpress slider plugin system)

• Installs under Wordpress standard «Settings» menu

More Details

2. CSS3 Menu

CSS3 Menu

CSS3 is changing how we build websites. Even though many of us are still reluctant to start using CSS3 due to the lack of support in some browsers, there are those out there that are moving forw

ard and doing some amazing stuff with its cool new features. No longer will we have to rely on so much JavaScript and images to create nice looking website elements such as buttons and menu navigations.

You can build a cool rounded navigation menu, with no images and no Javascript, and effectively make use of the new CSS3 properties border-radius and animation.

More Details

3. Verion - Widget Accordion Sidebar CSS

featured image

Verion – Widget Accordion SideBar CSS

Verion – Widget Accordion SideBar CSS is a small CSS plugin that is used to create the vertical sidebar menu CSS to contain web widgets like: accordion menu, login form, small photo, buttons, recent/feature posts, social sharing icons, etc.CSS animation effects.If you like to see the plugin documentation you can check it here: Verion CSS Documentation

Navion – Metro Navigation Menu Accordion Switcher CSS

TileBox – Modern Responsive LightBox CSS

Tabion – Metro Tab Accordion Switcher CSS

TabLooper – Responsive Loop Tab Metro UI

OneSlider – Responsive Slider With Interactive Content

OneMenu – Responsive Metro UI Menu

Responsive Shop Slider

ScreenSlider – Responsive Touch Presentation

MetroBox – Responsive LightBox

MenuStation – Unlimited Responsive Menu

Metro Navigation Bar CSS

More Details

4. Animated CSS3 Submenu

featured image

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 Details

5. Clean Responsive Side Menu

featured image

Clean Responsive Side Menu

Responsive design

More Details

6. 3d Mega Menu for Bootstrap

featured image

Responsive 3D Mega Drop Down Menu (latest ver 1.Responsive 3D Mega Drop Down Menu is a flexible and high customizable to build your custom menus. In addition to you can set up the CSS menu horizontal drop down by clicking or hovering.Responsive Design, support any PC or MAC systems, smartphones and tablets

Click/hover behavior choice on the mega menu wp options page

Fly-out Menu with Unlimited Sublevels

Valid XHTML / CSS 3 markup

This menu has been tested (and works !) in all the following browsers :

Maxx – Responsive Creative Wordpress Theme

More Details

7. Argus - Mega Menu

featured image

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. On mobile and tablet devices, only the first level of the classic drop-down menu is visible. Menu also comes in two variants (Centered and Full Width). 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.All images used in the preview are just for demonstration purposes and not included in the Menu.

More Details

8. Orion - Responsive Menu

featured image

Orion is a menu component based in CSS and Javascript code. Orion is responsive, collapsible, works with CSS3 animations and has 8 preset styles.Responsive

More Details

9. Long Shadow Menu

featured image

Shady is a Responsive, flat long shadow CSS menu.Responsive design (2 visualizations)

More Details

10. Tabion jQuery - Modern Responsive Tab Accordion

featured image

Tabion jQuery – Modern Responsive Tab Accordion

Tabion jQuery – Modern Responsive Tab Accordion is a small jQuery plugin that is used to create modern Tab with powerful features. Supports Responsive Design, Swipe to change Tab Content, Left and Right keys to change Tab Content, Combine AJAX and Inline Content, CSS3 Animation Effects, Integrated Font Awesome, AutoPlay/Pause/Resume and a lot of CSS option to customize…

Responsive Design.Navion – Metro Navigation Menu Accordion Switcher CSS

Tabion CSS – Metro Tab Accordion Switcher

TileBox – Modern Responsive LightBox CSS

TabLooper – Responsive Loop Tab Metro UI

OneSlider – Responsive Slider With Interactive Content

OneMenu – Responsive Metro UI Menu

Responsive Shop Slider

ScreenSlider – Responsive Touch Presentation

MetroBox – Responsive LightBox

More Details

11. STRIPE - A lightweight menu plugin for WordPress

featured image

‘Stripe’ is a simple 2-level menu plugin for WordPress, designed to add a little life to your site’s header. Once activated, the menu will scroll along with the page so it would be visible at all times, making it a great place to insert important links to. ‘Stripe’ does not replace or affect your theme’s current menu(s).animated 2-level menu

Add as few or many menu items as you’d like

Ability to override the main menu and create post- and page-specific menus

Fully responsive all the way down to mobile screens

- added ability to override the main menu and create post- and page-specific menus

More Details

12. Lynx - Responsive Menu

featured image

Lynx is a menu component based in CSS and Javascript code. Lynx is responsive and fluid.Responsive

Javascript/CSS effects

More Details

13. Pofi - Animated Tabs And Accordion Menu

featured image

Animated Tabs And vertical menu CSS

ACCORDION MENU

Accordion Menu

Kabude – Responsive Animated Menu

More Details

14. Kabude - Responsive Animated Menu

featured image

Kabude – Responsive Animated Menu

Every Menu, An Animated Effect

Negar – Responsive Animated Menu

More Details

15. Shifty Nav - a Fully Responsive JS CSS3 Mega Menu

featured image

Shifty Nav is a fully responsive CSS3 mega menu. To change the color of the entire menu requires a simple changing of a few pre-defined variables, so there’s not extensive digging through the code!

This menu supports whatever kind of content you throw at it, and includes a full tutorial on how to build the markup for your own menu if you don’t want to modify the pre-existing file.Completely customizable menu layout

More Details