30 Creative Javascript Navigation Menu Examples

Posted in Inspiration, Web Interfaces • Posted on 21 Comments

title-navigationSuccessful, 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

alex-coganiuc-website-navigation

2. Jeremymartin

jeremymartin-website-navigation

3. Kriesi

If You want similar menu, find explanation in the JeremyMartin website above, inspired by this site navigation tutorial.

kriesi-website-navigation

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.

dragon-interactive-website-navigation

5. AppStorm

app-storm-website-navigation

6. Fubiz

Outstanding webdesign and JavaScript implementation.

fubiz-website-navigation

7. CheckOutApp

checkout-app-website-navigation

8. EricJ

Very creative JavaScript sliding menu and website.

ericj-website-navigation

9. Concentric-Studio

concentric-studio-website-navigation

10. InternetDreams

Whole website is loaded with jQuery and JavaScript features. Click through to check yourself.

net-dreams-website-navigation

11. Panic – Coda

Popular menu already, you may know about this one before.

panic-coda-website-navigation

12. MariusRoosendaal

marius-rosental-website-navigation

13. Helmy-Bern

Excellent example of well implemented grunge website and JavaScript navigation

helmy-bern-website-navigation

14. BenjaminDavid

benjamin-david-website-navigation

15. DannyBlackman

Just click on the navigation buttons and you’ll understand what’s so unique with them.

danny-blackman-website-navigation

16. Voll

Whole website is unique, slide from the sky to underworld using jQuery navigation.

voll-website-navigation

17. SkiAlpine

Simple yet well designed navigation dropdown menu.

alpine-meadows-website-navigation

18. TapTapTap

Exceptional navigation, you gonna love this one.

taptaptap-website-navigation

19. TheHoleInOurGospel

hole-gospel-website-navigation

20. ColourPixel

Very interesting navigation just like the whole design.

colourpixel-website-navigation

21. Apple

Whole website is one big beauty and MAC section has interesting sliding menu.

apple-mac-website-navigation

22. Creasenso

Beautiful rollover effects in navigation.

creasenso-website-navigation

23. Polargold

Website and navigation created using both Flash and JavaScript techniques.

polargold-website-inspiration

24. NavigantConsulting

navigant-consulting-website-navigation

25. Branded07

branded07-website-navigation

26. SearchInsideVideo

Static navigation while whole page slides magically.

searchinsidevideo-website-navigation

27. Aperfolio

aperfolio-website-navigation

28. MacRabbit

Simple CSS design, but design on this website is too good to dare not to include this one.

macrabbit-website-navigation

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.

made-by-giant-website-navigation

30. AteBits

atebits-website-navigation

193 Written ArticlesWebsiteGoogle+

Dainis is 25 years young man, who struggled for 3 years while studying in design academy and working for local design agency, because of ignorant teachers and agency boss. He couldn't believe this is all life could offer to him! And then he discovered true Internet possibilities, he was lucky to find his passion early in life and take advantage of this beautiful Information (Internet) Age! Now he is committed to help others succeed, to help others take charge of their life and follow their passion! His goal is to open Your eyes and help unveil Your true potential!

21 Comments Best Comments First
  • Jake

    Friday, June 26th, 2009 02:56

    8

    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!

    +1
  • Rohit

    Friday, June 26th, 2009 20:19

    10

    Cool, really artistic ones. great share!

    Rohits last blog post : AutoReply feature on Gtalk

    0
  • Binoj Xavier

    Friday, June 19th, 2009 12:22

    1

    Very Useful Post. Thanks . Twittered :)

    Binoj Xaviers last blog post : ബരാക്ക് ഒബാമ ഈച്ചയെ പിടിക്കുന്നു :)

    0
  • Dainis Graveris

    Friday, June 26th, 2009 23:54

    9

    @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!

    0
  • sonichtml

    Tuesday, June 23rd, 2009 07:52

    7

    nice~~ thank you for shared…

    0
  • Budi Irawan

    Monday, June 22nd, 2009 01:38

    6

    very nice list. I love volll.com and Dragon Interactive. Both are really impressive

    0
  • Faisal Shahzad

    Friday, June 19th, 2009 20:16

    2

    nice site samples.. :)
    thanks for sharing all here..

    Faisal Shahzads last blog post : 15 Helpful In-Browser Web Development Tools.

    0
  • gautam hans

    Friday, June 19th, 2009 16:08

    4

    great share! great menus

    gautam hanss last blog post : Google Friend Connect Recommedations Gadget For Blogger

    0
  • Reynolds

    Monday, June 20th, 2011 19:16

    17

    Javascript navigation does look fantastic, especially the subtle way wordpress goes about it but I’m not sure how this works well with SEO.

    0
  • Isa Sartor

    Monday, June 29th, 2009 15:33

    12

    Awesome!

    Would be really cool if you guys do a tutorial teaching how to make one of these! =D

    0
  • daive jaer

    Friday, November 4th, 2011 10:33

    20

    This is a great article. Wow, so many of these things I never thought of before. I read posts often, even on this side,

    0
  • Stelian

    Friday, November 4th, 2011 10:35

    21

    ahaa, good! great share!

    0
  • Adam Alahi

    Monday, October 3rd, 2011 17:22

    18

    This blog is fantastic. Thank you

    0
  • Jo Oxford

    Friday, September 4th, 2009 11:56

    13

    This is just what I was looking for, thanks for the inspiration.

    0
  • Hemant

    Sunday, September 12th, 2010 16:48

    14

    Nice menu. Can I use the above menu in my site also I’m looking for a multi level menu which goes up instead of droping down.

    0
  • arun

    Saturday, September 18th, 2010 16:33

    15

    Thanks a lot. Nice menu

    0
  • siva

    Tuesday, April 19th, 2011 13:23

    16

    can u give me an idea for creating a webpage with different buttons and each button should change its color alternatively for each click over corresponding button.

    -1
  • daive jaer

    Friday, November 4th, 2011 10:26

    19

    Thank your share!!

    -1
  • Stelian

    Friday, November 4th, 2011 10:35

    21

    ahaa, good! great share!

    0
  • daive jaer

    Friday, November 4th, 2011 10:33

    20

    This is a great article. Wow, so many of these things I never thought of before. I read posts often, even on this side,

    0
  • daive jaer

    Friday, November 4th, 2011 10:26

    19

    Thank your share!!

    -1
  • Adam Alahi

    Monday, October 3rd, 2011 17:22

    18

    This blog is fantastic. Thank you

    0
  • Reynolds

    Monday, June 20th, 2011 19:16

    17

    Javascript navigation does look fantastic, especially the subtle way wordpress goes about it but I’m not sure how this works well with SEO.

    0
  • siva

    Tuesday, April 19th, 2011 13:23

    16

    can u give me an idea for creating a webpage with different buttons and each button should change its color alternatively for each click over corresponding button.

    -1
  • arun

    Saturday, September 18th, 2010 16:33

    15

    Thanks a lot. Nice menu

    0
  • Hemant

    Sunday, September 12th, 2010 16:48

    14

    Nice menu. Can I use the above menu in my site also I’m looking for a multi level menu which goes up instead of droping down.

    0
  • Jo Oxford

    Friday, September 4th, 2009 11:56

    13

    This is just what I was looking for, thanks for the inspiration.

    0
  • Isa Sartor

    Monday, June 29th, 2009 15:33

    12

    Awesome!

    Would be really cool if you guys do a tutorial teaching how to make one of these! =D

    0
  • Rohit

    Friday, June 26th, 2009 20:19

    10

    Cool, really artistic ones. great share!

    Rohits last blog post : AutoReply feature on Gtalk

    0
  • Dainis Graveris

    Friday, June 26th, 2009 23:54

    9

    @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!

    0
  • Jake

    Friday, June 26th, 2009 02:56

    8

    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!

    +1
  • sonichtml

    Tuesday, June 23rd, 2009 07:52

    7

    nice~~ thank you for shared…

    0
  • Budi Irawan

    Monday, June 22nd, 2009 01:38

    6

    very nice list. I love volll.com and Dragon Interactive. Both are really impressive

    0
  • gautam hans

    Friday, June 19th, 2009 16:08

    4

    great share! great menus

    gautam hanss last blog post : Google Friend Connect Recommedations Gadget For Blogger

    0
  • Faisal Shahzad

    Friday, June 19th, 2009 20:16

    2

    nice site samples.. :)
    thanks for sharing all here..

    Faisal Shahzads last blog post : 15 Helpful In-Browser Web Development Tools.

    0
  • Binoj Xavier

    Friday, June 19th, 2009 12:22

    1

    Very Useful Post. Thanks . Twittered :)

    Binoj Xaviers last blog post : ബരാക്ക് ഒബാമ ഈച്ചയെ പിടിക്കുന്നു :)

    0

Comments are closed.

54.82.140.107 - unknown - unknown - US