Top 20 Fresh Menu CSS Vertical Examples For Web Developers

1. CSS3 Multi Level Accordion and Tree Menu

featured image

CSS3 Multi-Level Accordion and vertical drop menu CSS is a 2 in 1 – Pure CSS3, no javascript, Well styled menu that allows you to easily create multilevel accordion style menus with unlimited levels accordion menu – The menu comes with 3 sample menus that include 2 stylish accordion menus in ultra modern beautifully styled dark and light versions plus a multi-level tree menu. The menu is well coded and documented with accordion slider jQuery support including a CSS2 fallback solution for IE8.2 in 1 Accordion and vertical tree menu jQuery

supports Disabled menu states

More Details

2. Apycom jQuery Menus

Apycom jQuery Menus

Full cross-browser compatibility, Fully accessible even when javascript is turned off, as a pure css menu, Search engines optimized, Clear unordered list (LI and UL HTML tags) structure, Easy to setup and update, Fantastic animation and transition effects, Multiple pre-desinded color schemes, Completely customizable styling with CSS, Powered by jQuery,

Extremely small - 3kb uncompressed

More Details

3. Vertical Responsive Menu

featured image

Collection of responsive drop menu Menus, with 20 color schemes, cross-browser support and easy integration. Responsive Vertical Menu can be used in sidebars of any site as well as admin dashboards.

More Details

4. IcoRoll - Scroll Navigation System

featured image

Spacing between menu elements feature

Callbacks for click and current menu element viewing

Responsive scroll menu system providing ideal solution for CSS vertical navigation menu code on pc and mobile devices.It connects html id attribute on page with menu, so menu knows where user is on page.Easy theme change ( one commented css file )

More Details

5. Tabion jQuery - Modern Responsive Tab Accordion

featured image

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…

Support both Horizontal and Vertical Tab.Navion – Metro Navigation Menu Accordion Switcher CSS

Tabion CSS – Metro Tab Accordion Switcher

TileBox – Modern Responsive LightBox CSS

OneMenu – Responsive Metro UI Menu

More Details

6. BETI - Accordion Menu

featured image

BETI – Accordion Menu

VERTICAL AND HORIZONTAL

Vertical

Added Horizontal Accordion Menu

Pofi – Animated Tabs And jQuery carousel plugin

More Details

7. Pofi - Animated Tabs And Accordion Menu

featured image

Animated Tabs And accordion menu navigation jQuery

ACCORDION MENU

Accordion Menu

Kabude – Responsive Animated Menu

More Details

8. 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 menu item drop down by clicking or hovering. Horizontal and vertical versions

Click/hover behavior choice on the mega drop menu 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 :

More Details

9. Vertical Responsive Navigation

featured image

Vertical Responsive Navigation is a navigation component based in CSS and Javascript code.

More Details

10. TAKO Vertical Responsive Dropdown Menu

featured image

This it’s a menu with 3 columns of pages with a very good design and color combinations and its compatible with mobile devices! Its very efficient for people who want a simple responsive menu with modern design.- We added the Mega-Menu design with the posibility to add forms, images and video in the dropdown!

- Also we added 360+ vector icons to put them in your menu items!

Vertical Dropdown

Easy to add new menu items

Mega-Menu Content:

- Mega-menu Content (complete forms, images, video and more!)

More Details

11. CSS3 Vertical & Horizontal Accordion

featured image

CSS3 Vertical & Horizontal Accordion

Folder CSS3 Accordion Vertical

Folder CSS3 Accordion Vertical Menu

More Details

12. Css Vertical Dropdown Menu

featured image

CSS3 Vertical Dropdown menu, with 2 different animations.Vertical Dropdown

Fixed Menu

Easy to add new menu items.menu-slideleft.css

menu-fadein.css

css

css

More Details

13. Vertical CSS3 Megadropdown Menu

featured image

Vertical CSS megaropdown menu is a navigation component based in CSS.

More Details

14. CSS3 Vertical Menu

featured image

CSS3 Vertical Menu

Folder CSS3 Vertical Menu Left

Folder CSS3 Vertical Menu Right

More Details

15. Flexy Menu - Responsive Horizontal & Vertical Menu

featured image

Flexy is a menu component based in CSS and Javascript code. You can use Flex Menu it as a horizontal or vertical menu. It is a responsive and collapsible menu, suitable for any type of website.Horizontal and Vertical

Javascript/CSS effects

More Details

16. Negar - Responsive Vertical And Horizontal Menu

featured image

NEGAR – Responsive Animated Menu V2. Every Menu, An Animated Effect

EACH STYLE INCLUDES TWO HORIZONTAL MENU AND TWO VERTICAL MENU

Left Vertical

Right Vertical

Added Tow Vertical Menu (Left And Right Position) For Each Style

Added Two Horizontal Menu (Header And Footer) For Each Style

Aram – Responsive Mega DropDown Menu V2.

More Details

17. Tabion - Metro Tab Accordion Switcher CSS

featured image

Tabion – Metro Tab Accordion Switcher CSS

Tabion – Metro Tab Accordion Switcher CSS is a small CSS plugin that is used to create Tab with Metro UI style. Tabion also support Responsive Design that will switch to vertical accordion flash menu when it is viewed on small screens like Mobile Devices.Horizontal + Vertical Styles.If you like to see the plugin documentation you can check it here: Tabion CSS Documentation

Navion – Metro Navigation Menu Accordion Switcher CSS

TileBox – Modern Responsive LightBox CSS

OneMenu – Responsive Metro UI Menu

MenuStation – Unlimited Responsive Menu

Metro Navigation Bar CSS

More Details

18. Pure CSS3 Dropdown MegaMenu

featured image

Horizontal and vertical position

More Details

19. 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 slider jQuery 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

OneMenu – Responsive Metro UI Menu

MenuStation – Unlimited Responsive Menu

Metro Navigation Bar CSS

More Details

20. Cream Tabs | jQuery Plugin

featured image

Cream Tabs it is a mix of tabs and HTML CSS navigation menu with content slider.Menu position: vertical/horizontal

More Details

21. Slicnot - Clean CSS Menu with Sliced Notification

featured image

Hello everybody! Slicnot is a small CSS toolkit that allows you to create anything from just a simple plain button to a complex drop-down navigation menu bar with very less amount of effort.• Separated Menu Button

Vertical Dropdown Menu

More Details