Modern Examples of the Classic Sidebar Menu Layout

Home » Articles » Modern Examples of the Classic Sidebar Menu Layout

Line25 is reader supported. At no cost to you a commission from sponsors may be earned when a purchase is made via links on the site. Learn more

The sidebar menu seems to be coming back into fashion once again after it was left behind for horizontal navigation bars. The sidebar menu was most common back in the early days of web design, but these days we’re starting to see designers ditch the horizontal nav bar in favour of the vertical list once again. Nowadays though these menus are built with large icons or clever animation effects that allow them to slide in and out of view. Today’s web design showcase features 20 sites that all feature modern examples of the classic sidebar menu layout.

Mammoth Media

Mammoth Media

Wallmob

Wallmob

Electrik Company

Electrik Company

Hyperakt

Hyperakt

FLIPP

FLIPP

Q Ideas

Q Ideas

The Conference by Media Evolution 2014

The Conference by Media Evolution 2014

PUSH Collective

PUSH Collective

ZINDHAI

ZINDHAI

Georgina Bousia

Georgina Bousia

Gareth Emery

Gareth Emery

Dash Light

Dash light

Broken Twill

Broken Twill

Kick Point

Kick Point

Eat Drink Inc.

Eat Drink Inc.

PFD

PFD

2Creative

2Creative

Design Council

Design Council

Author
Iggy
Iggy is a designer who loves experimenting with new web design techniques, collating creative website designs, and writing about the latest design trends, inspiration, design freebies, and more. You can follow him on Twitter

13 thoughts on “Modern Examples of the Classic Sidebar Menu Layout”

  1. Great article and great examples. Over the years I’ve come to lament the dull boring sameness of top navigation and to me the look of the Left navigation is just more natural, as in English speaking countries we learn to read and scan Left to Right. It just looks great.

    Reply
    • Beautiful examples and just the thing I’m searching for, but now in real life …. does anyone know where to find a responsive vertical menu to download?
      I’m not a code writer, but can adjust css.
      Really searching the web for days, a lot of menus but nothing like the above ideas.

      Reply
  2. My site have this kind of sidebar but every entry of this collection it’s better than mine! I should improve it!

    Reply
  3. The screenshots you have on this page provide a nice impression of the designs used on each site. To fully appreciate their beauty, you really have to take the time to click through to each one and spend a little while there.

    Great list, thanks for sharing.

    Reply
  4. Nice, though I’d like to see an article on how to handle / or examples on how to handle clients who insist on lots of sidebar advertising. How to prevent that kind of advertising from distracting the user.

    Thanks

    Reply
  5. Love the side navigation on full width sites and so much better usability on mobile devices. Thanks for sharing! Are there any tutorials that you suggest for creating this menu?

    Reply

Leave a Comment

Verified by MonsterInsights