Feature
Post

Category
Design


15 Beautiful Examples Of Modern Tabbed Navigation

Remember when tabbed navigation was new? It was the hottest thing around, inspiring classic guides and tutorials such as A List Apart’s Sliding Doors and MaxDesign’s Listamatic. Here’s a screenshot of an early example of tabbed navigation:

Then, of course, jQuery came along and blew everyone out of the water.

Today, tabbed navigation has gotten more creative, more complex, and more beautiful. Here are 15 of my current favorites:


Chris Jennings


Nathan Borror


Expression Engine


Bert Timmermans


Foodtease


Delibar


Aviary


UCSAA


FidesVita


Veer


Andrew Sellick


Idea.org


Think Up


Yorkdale’s 2009 Back to School


Robert Alan

Do you use tabbed navigation?


  1. By Marina posted on May 20, 2010 at 12:06 pm
    Want an avatar? Get a gravatar! • You can link to this comment

    Well, I did use it on this site http://amorfia.com/. Best viewed in Chrome. Made with CSS3.
    Hope you like it :)

  2. By Lorraine Nepomuceno posted on May 20, 2010 at 11:53 pm
    Want an avatar? Get a gravatar! • You can link to this comment

    Very nice, Marina!

  3. By Victoria Blount posted on May 21, 2010 at 12:22 pm
    Want an avatar? Get a gravatar! • You can link to this comment

    There are some really lovely examples of tabbed navigation. Some of the best have movement when the mouse rolls over, its a really simple navigation but an effective one.

  4. Trackback