Advertisment
Successful, eye-catching and mainly user-friendly site navigation sometimes is key to whole web design, because users usually search for navigation at first, when they visit website. Also don’t shy to experiment – portfolio websites can stand out just by that, creating something beautiful and unusual. In our days there are times when whole websites slide over your eyes, possibilities are pretty limitless.
Keeping in mind such parameters, I created a list with 30 innovative, beautiful, creative and eye-catching navigation menus for your inspiration in web development process.
1. AlexCohaniuc
2. Jeremymartin
3. Kriesi
If You want similar menu, find explanation in the JeremyMartin website above, inspired by this site navigation tutorial.
4. DragonInteractive
The most beautiful navigation I’ve ever seen to be honest, animation is so real, it’s hard to believe menu isn’t made using Flash.
5. AppStorm
6. Fubiz
Outstanding webdesign and JavaScript implementation.
7. CheckOutApp
8. EricJ
Very creative JavaScript sliding menu and website.
9. Concentric-Studio
10. InternetDreams
Whole website is loaded with jQuery and JavaScript features. Click through to check yourself.
11. Panic – Coda
Popular menu already, you may know about this one before.
12. MariusRoosendaal
13. Helmy-Bern
Excellent example of well implemented grunge website and JavaScript navigation
14. BenjaminDavid
15. DannyBlackman
Just click on the navigation buttons and you’ll understand what’s so unique with them.
16. Voll
Whole website is unique, slide from the sky to underworld using jQuery navigation.
17. SkiAlpine
Simple yet well designed navigation dropdown menu.
18. TapTapTap
Exceptional navigation, you gonna love this one.
19. TheHoleInOurGospel
20. ColourPixel
Very interesting navigation just like the whole design.
21. Apple
Whole website is one big beauty and MAC section has interesting sliding menu.
22. Creasenso
Beautiful rollover effects in navigation.
23. Polargold
Website and navigation created using both Flash and JavaScript techniques.
24. NavigantConsulting
25. Branded07
26. SearchInsideVideo
Static navigation while whole page slides magically.
27. Aperfolio
28. MacRabbit
Simple CSS design, but design on this website is too good to dare not to include this one.
29. MadeByGiant
Unique sliding menu and actually navigation itself is pretty interesting, at first not so recognizable but that makes even more fun to research.

































wow Cool tip thank for sharing.
its very nice. Great post
[...] 30 Creative Javascript Navigation Menu Examples [...]
Thanks for such a beautiful collection
We blog about minimalist design and try to practice what we preach!
Navigation menus are looking good, i like this one very much ColourPixel
[...] Grid-Based Design Design by Grid Fixed vs. Liquid Layouts Fixed or fluid, you decide Best Screen Resolution to Design Websites Javascript: Jquery and Mootools. 30 Creative Javascript Navigation Menu Examples [...]
[...] 30 Creative Javascript Navigation Menu Examples [...]
[...] 30 Creative Javascript Navigation Menu Examples [...]
Good posting. I need this type of javascript navigation menu, its helps to web programmer. Thanks for sharing this links.
Pretty good post. ckloo blogI just found your site and wanted to say that I have really enjoyed browsing your posts.
tiffany world In any case I’ll be subscribing to your blog and I hope you post again soon!
ugg boots
This is just what I was looking for, thanks for the inspiration.
Jo Oxford´s last blog ..About Website Design Oxfordshire
Thanks for posting great list of navigation menu design here , in website as you said navigation plays a main role for getting a huge traffic , if there is no proper navigation in website then it remains unreachable to many visitors due to this only.
You can as well give a try to FlexiMenuJS – a Dreamweaver extension that builds Drop down, tabbed and vertical animated JavaScript menus.
Love the script dude! I integrated it in my site.
Big Index – Australian Business Directory
very nice thanks for sharing
Awesome!
Would be really cool if you guys do a tutorial teaching how to make one of these! =D
30 Creative Javascript Navigation Menu Examples…
AKPC_IDS += “,”;Popularity: unranked [?]……
@Jake I must agree it’s one of my favorite too, when I saw that flash header and beautiful navigation, totally fell in love ;D
@ Faisal Shahzad glad you enjoy!
[...] 31 creativos menus en javascript para referencia. [...]
Cool, really artistic ones. great share!
Rohits last blog post : AutoReply feature on Gtalk
[...] Tenendo conto di tali parametri si segnala questo elenco con 30 menu di navigazione… http://www.1stwebdesigner.com/ [...]
My favorite is Kriesi’s menu. Very unique, creative, AND user friendly.
Jakes last blog post : Interview with ManageME7: Learn to Save Your Money the Easy Way!
These JavaScripts navigation are very useful while you are working on site , really cool , thanks
[...] 译自:30 Creative Javascript Navigation Menu Examples [...]
nice~~ thank you for shared…
very nice list. I love volll.com and Dragon Interactive. Both are really impressive
[...] 30 Creative Javascript Navigation Menu Examples | 1stwebdesigner – Love In Design 30 เว็บที่มีเมนู Javascript สวยๆ เด้งดึ๋งๆ [...]
[...] 30 Creative Javascript Navigation Menu Examples | 1stwebdesigner – Love In Design (tags: javascript navigation inspiration webdesign menu) [...]
[...] 30 Creative Javascript Navigation Menu Examples. (1stwebdesigner). Un atractivo sitio con fácil navegación, es a veces la clave del diseño web, porque los usuarios suelen buscar la navegación en el primer golpe de vista, cuando visitan un sitio Web. Así que el artículo nos trae una lista con 30 innovadores, hermosos, creativos y llamativos menús de navegación para que nos inspiremos en el proceso de desarrollo web. [...]
Nice
[...] 30 Creative Javascript Navigation Menu Examples | 1stwebdesigner … [...]
30 Creative Javascript Navigation Menu Examples…
Here is a list with 30 innovative, beautiful, creative and eye-catching navigation menus for your inspiration in web development process.
…
There’s getting from point A to point B and then there is getting from point A to point B in style.
Sketch of the Days last blog post : Lady in Thought
[...] 30 Creative Javascript Navigation Menu Examples : via 1web designer [...]
Great examples. Gives me some ideas on menus for future designs. Thanks!
[...] 30 Creative Javascript Navigation Menu Examples (tags: webdesign inspiration menus list javascript) [...]
[...] 30 Creative Javascript Navigation Menu Examples [...]
Nice article. Good job.
[...] In: Design inspiration 19 Jun 2009 Go to Source [...]
[...] 30 Creative Javascript Navigation Menu Examples hadi060 | 2009.06.19 | Inspiration | [...]
[...] 30 Creative Javascript Navigation Menu Examples [...]
nice site samples.. :)
thanks for sharing all here..
Faisal Shahzads last blog post : 15 Helpful In-Browser Web Development Tools.
[...] Visit Source. [...]
great share! great menus
gautam hanss last blog post : Google Friend Connect Recommedations Gadget For Blogger
popurls.com // popular today…
story has entered the popular today section on popurls.com…
[...] Beautiful Free WordPress Themes (10steps.sg) Each collection brings some new ones to the table. 30 Creative Javascript Navigation Menu Examples (1stwebdesigner.com) Pretty important part of web design, here are some great examples. Weekly 30 [...]
[...] 30 Creative Javascript Navigation Menu Examples | 1stwebdesigner – Love In Design1stwebdesigner.com [...]
Very Useful Post. Thanks . Twittered :)
Binoj Xaviers last blog post : ബരാക്ക് ഒബാമ ഈച്ചയെ പിടിക്കുന്നു :)