45 Great Free Navigation Menu PSDs

June 29, 2012 · 12 comments

by Lars

free-navigation-menu-psds

Having a great and user friendly navigation menu is important for any website to give visitors a good experience and to help them navigate to the content they need. When designing a website it is useful to look for Navigation menu PSDs as a source of inspiration and to find usable design elements. This may speed up the design process and also help overcoming design of difficult elements by having a look at how others solved it. Besides doing the hard work yourself it is also an option to pick a ready to use CSS navigation menu plugin that should work on any type of website. WordPress user are typically spoiled as there are so many nice simple WordPress themes with great looking navigation and WordPress navigation plugins.

In this article you will find plenty of inspiration to get started designing your own navigation menu on Photoshop.


ElegantThemes
ThemeForest

Advertisement

Simple navigation menu by Pawel Kadysz

This is a simple navigation menu with dark mega sub menu.

simple-navigation-menu

Free PSD – 6 Navigation Bars by Design Beep

This navigation menu PSD set includes 6 Navigation Bars with fully layered and easy to modify every element including colors and patterns. All the fonts and icons are free for personal and commercial uses.You can change to whatever you like.You can easily resize the navigation bar.
You can use both for personal and commercial projects.

free-psd-by-designbeep

Awesome Navigation

This is a set of 3 awesome navigation styles (FREE PSD)

awesome-navigation-psd

Drop-down navigation bar (Free PSD) by duckfiles

Neat and simple navigation menu bar for a corporate website. Clean style. Unlimited levels. Current menu item available.

drop-down-navigation-bar

Slick Menu

Slick Menu comes in a variety of colors such as Blue, Aqua, Pink, Mustard , Purple and Lime. A perfect unique blend of colors tailored for your future web project.

slick-menu

Dark Menu PSD by Ahmad Hania

The Dark Menu is designed to look simple, stylish, professional and attractive. This resource has all layers intact, with menu items normal, hover and active states, it has also a design for a drop down. You can customize and use this resource for web or interface design projects or simply as a learning material to see how it was designed.

dark-menu-psd

Free Ribbon Navigation PSD by WillyEpp

This is a really great looking navigation menu using ribbon as finish.

free-navigation-psd

Pop Up Black Sleek Buttons by Layer Lovers

Pop up Black Sleek Buttons Lined with Pink Diagonal Striped Bar under Green and Pink Flowers Navigation

pop-up-black-sleek-navigation

Candy Coated Red Navigation by Layer Lovers

Same concept as the previous but with new color palette. A glossy candy coated red finished tabbed navigation on a detailed wood grain texture background. CSS, JavaScript and PSD files included

candy-coated-red-navigation

Greyscale

Greayscale is a Mac Inspired and fully editable .PSD file with FREE grayscale web elements for your website or other project.

greyscale

Dropdown Navigation Bar by DuckFiles

This is navigation menu for different types of websites. Good base for a future web-design. The .PSD file has well hierarchy. It is ready to customize.

drop-down-navigation-menu

Black and Silver Navigation by easydisplayname

This manu PSD contains a black and a silver design where active menu items look like they are cut out or pushed down. The light effects are pretty good and worth using.

black-and-silver-navigation

Modern menu & GUI elements PSD

This is a set of modern menu and related GUI elements in PSD format. These ribbon style menu and web elements are pretty handy and maybe helpful in your next creative web design.

modern-menu

Iconic Navigation Menu bar PSD by CSS Junction

Here you find a free navigation menu PSD that is sliky, high contrast and with icon + texts for menu items.

iconic-navigation-menu-bar-psd

Profile Menu by Hector Ardila

Different but cool navigation meant to be used as a profile menu. Idea seen on a community site project.

profile-menu-

Pretty dropdown menu by Pawel Kadysz

Great looking dropdown menu PSD with icons. Two color schemes for both light and dark backgrounds. You can change the color of the menu with just a few clicks.

pretty-dropdown-menu

Navigation PSD Pack

7 Layered Navigations in black, blue, red, green, orange, pink and grey.

navigation-psd-pack

Mini Navigation Daniel Sandvik

Simple and clean menu layout in light and dark colors.

mini-navigation

Yellow Navigation David Bradley

yellow-navigation

14 Free Custom Web Navigation Menu PSD by Download PSD

The PSD set consists of 1 PSD files with different Navigation Menu Styles and color variation.? This layered PSD is arranged in groups and named perfectly. You can modify this PSD according as per your needs. All menus are editable, you can easily update color, change the size, remove text. Rollover states and sub menus? are in their own layers abd groups.

custom-web-navigation

Navigation Free PSD by WillyEpp

Another dropdown design available as a Photoshop PSD file for free download

navigation-free-psd

Horizontal Dropdown Menu Bar by Adrian Pelletier

Horizontal Dropdown Menu Bar is a PSD file with clean menu design. Dropdown menus are one of the most commonly used elements in web design.

horizontal-drop-down-menu-bar

Simple Dark Navigation Menu (PSD) by Orman Clark

This is a clean and simple dark navigation menu PSD ready to be picked up.

simple-dark-navigation-psd

Stylish Navigation by sirjeffoakley

Navigation menu PSD with 3 ready to use menus.

stylish-navigation

Dark Button Navigation (PSD) by Orman Clark

This is a simple navigation menu made up of a series of buttons and a single search field

dark-button-navigation-psd

Header & Navigation Pack by Adrian Pelletier

Header & Navigation Pack is a PSD file with 3 different styles of header and main navigation designs. Each design includes normal, hover, and active states for the links

header-and-navigation-pack

Checkout Process Navigation (PSD) by Orman Clark

Not really a traditional navigation menu, but a checkout process indicator or navigation – an absolute must for any ecommerce operation.

checkout-process-navigation-psd

Free Colored Web Menus by MosheSeldin

Here you find several cool Looking Colored Web Menus In a Single .PSD

free-colored-web-menus

Clean & Simple Navigation Menu (PSD) by Orman Clark

This PSD provides a great design for a clean and simple navigation menu.

clean-and-simple-navigation-psd

Bold and Chunky Navigation PSD by Liam McCabe

Simple dark navigation menu PSD with a good looking mouse over effect.

bold-and-chunky-navigation-psd

Plaid Navigation by Layer Lovers

This is the full package… navigation design + source code from Cloud Nine Labs.  CSS, JavaScript and a fully layered .psd included.

plaid-navigation

Premium tabbed navigation by Layer Lovers

This PSD offers a cool tabbed navigaiton with icon images.

premium-tabbed-navigation

Vertical Navigation Menu (PSD) by Orman Clark

In this PSD you will find a sweet and simple vertical navigation menu with styles for sub menus thrown in for good measure.

vertical-navigation-menu-psd

Elegant Ribbon Menu by Adrian Pelletier

Elegant Ribbon Menu is an attractive, ornate PSD file with three different ribbon colors. The layers are well organized and creating new menus with your own color choice is very easy.

elegant-ribbon-menu

Breadcrumbs Navigation PSD by Liam McCabe

Navigation menu PSD for designing a breadcrumps function.

breadcrumbs-navigation-menu

Sexy Dropdown Menu by Web Designer Aid

This is a nice dark dropdown navigation menu PSD where the dropdown overlap the main menu area.

sexy-dropdown-menu

Free PSD Source – 2 by prkdeviant

Simply menu for that could be usful e.g. for an upcoming wordpress theme or portfolio site. It is available in all that 4 colors.

awesome-menu

PSD navigation menu by PSD Graphics

10 unique website navigation menus with a rounded corners, for your web project. Used glossy style. All menus are editable, you can easily update color, change the size, remove text and export it in a necessary file format. Rollover states are in their own layers.

psd-navigation-menu

Pixel Navigation by Layer Lovers

A sheik looking black metallic navigation on a pixel background.  The author has included CSS, JavaScript & .PSD!

pixel-navigation

Mega Menu Navigation Free PSD by Victor  Osea

Mega Menu Navigation, perfect for an eshop website. You can modify the psd to suit your needs.

mega-menu-free-navigation-psd

Website menu PSD by Martz90

website-menu-psd

Menu Notification Badges (PSD) by Orman Clark

Included in the download (layered PSD) is a navigation menu which is a nice little bonus. The main freebie, the badges, come in 3 colours giving you some options to play with.

menu-notification-badges

Dark Navigation Menu (PSD) by Orman clark

This dark navigation menu can be dropped straight into a bunch of different designs and you’re good to go. Included in the download (PSD) is of course the navigation menu bar itself and two varying hover or active states

free-navigation-menu-psd

3 color borders navigation by goldhand88

3 color border style navigation.

three-color-border-navigation

Clean, Crisp Settings Menu by Taiyab Raja

clean, crisp settings menu (PSD) for all your menu lovers. The download includes a fully-layered PSD ready for use.

clean,-crisp-settings-menu

Author : Lars Vraa

Lars is passionate about web design, web development, SEO, social media and loves to look into new technologies, techniques, tools etc. and to write articles for tripwire magazine readers.

{ 12 comments… read them below or add one }

Kursus Web Design September 19, 2013 at 10:28 am

Is it just psd? do you have the html & css? I want it. Thanks

Reply

Website designer August 18, 2013 at 5:02 pm

Nice selection Lars. I just downloaded the 6 Navigation Bars by Design Beep but it took me awhile to make a choice from the nice sets. Thank you.

Reply

Lars August 21, 2013 at 11:46 am

Great that you found something you could use!

Reply

Balaram Dhotre February 5, 2013 at 3:44 am

Dear Sir

You have an excellent collection of Themes with different vertical drop down menus. How a newbie can make a selection fro the above collection? I am looking for a theme as given in my weebly website.
Balaram Dhotre

Reply

mediatronics January 20, 2013 at 7:58 am

great menu themes thanks for his resource.

Reply

Rajesh December 24, 2012 at 6:23 am

greate…

Reply

roshan December 5, 2012 at 7:03 pm

perfect work thnx

Reply

Rohit August 6, 2012 at 1:57 pm

thanks this navigation is very faithfully for me so i would like to thanks

Reply

Victor July 3, 2012 at 1:53 pm

Thanks for the feature and nice collection too!

Reply

Rodleg June 29, 2012 at 12:10 pm

great selection, thanks 😉

Reply

Sally June 29, 2012 at 4:01 am

I liked the “Duck files” , “Ribbon” and “sirjeffoakley” are very unique.
To me when you click on a tap like to see it changes dramatically. Psychologically it is pleasing

Reply

Lars June 29, 2012 at 8:06 am

You are right and it is good for user experience as there are way visitors can be unsure if something was clicked or is clickable.

Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

Previous post:

Next post:


Web Analytics