Usually, most sites share the same set-up… In terms of scrolling down, that is.. Most often, they are browsed through vertically. We came across a couple of sites that presents a different type of browsing experience for their readers. Amazingly, the result is more creative and unique. As a reader, you may find it more entertaining than the usual browsing. Take a look at this collection that we have came up for you…

40+ Examples of Horizontal Scrolling Websites is compiled below for you to check out. Witness the unique settings the owner has came up with. If you are planning to create your own site, then you may get useful ideas with this awesome collection. Feel free to visit these sites…Who knows, you may pick a tip or two.

Publicidade Viva

 Horizontal Scrolling Websites

Visuall

 Horizontal Scrolling Websites

A Waste-less Journey

horizontal scroll website

Ctrl+N

 Horizontal Scrolling Websites

The Horizontal Way

 Horizontal Scrolling Websites

Carrot Creative

 Horizontal Scrolling Websites

Jason Love

 Horizontal Scrolling Websites

Section Seven

 Horizontal Scrolling Websites

Eric Johansson

 Horizontal Scrolling Websites

Art in Design

 Horizontal Scrolling Websites

Ladio

 Horizontal Scrolling Websites

Front End

 Horizontal Scrolling Websites

Tinkainteractive

 Horizontal Scrolling Websites

Graphic Evidence

 Horizontal Scrolling Websites

Charlie Gentle

 Horizontal Scrolling Websites

Here Design

 Horizontal Scrolling Websites

Suie Paparude

 Horizontal Scrolling Websites

Richard Arran

 Horizontal Scrolling Websites

Eolo Perfido

 Horizontal Scrolling Websites

Bia Costa

horizontal scroll site

The Perfect Jodi

horizontal scrolling web design

We Shoot Bottles

 Horizontal Scrolling Websites

Les Hautes Mynes

 Horizontal Scrolling Websites

Wall Swaps

 Horizontal Scrolling Websites

Gavin Castle

 Horizontal Scrolling Websites

Gelisiguzel

 Horizontal Scrolling Websites

C.L. Holloway

 Horizontal Scrolling Websites

Graphic Therapy

 Horizontal Scrolling Websites

Maurivan Luiz

 Horizontal Scrolling Websites

Zupadupa

 Horizontal Scrolling Websites

Stephane Tartelin

 Horizontal Scrolling Websites

Elfletterig

 Horizontal Scrolling Websites

Magpie

 Horizontal Scrolling Websites

BBH London

 Horizontal Scrolling Websites

Luke Larsen

 Horizontal Scrolling Websites

Vanity Claire

 Horizontal Scrolling Websites

Love Bento

 Horizontal Scrolling Websites

Dean Oakley

 Horizontal Scrolling Websites

Sockho

 Horizontal Scrolling Websites

Faub

 Horizontal Scrolling Websites

Peter Pearson

 Horizontal Scrolling Websites

Ronald Bien

About the author: A Graphic Designer and the founder of Naldz Graphics. He launched Naldz Graphics to help the Design Community in providing quality design resources and tutorials.

29 comments

  1. The thing is, making one of these websites is difficult. In css there is no height=100% (only width=100%).

  2. @Neddy

    Making these sites are very challenging. The thing that I have ran into when creating them is to have only one thing show up on the “active” window. Also, it’s interesting to try to get these to work across multiple resolutions. I would like to see a few tutorials on how to get around these hurdles. Also, my concern with horizontal sites, is that the “standard” user will get intimidated by them, I created one and had some “not-so tech savvy” people use it and they didn’t really know what to do and when the JQUERY slid the page they were in a bit of shock. I do think that these sites are very, very cool and definitely bring a whole new area of the web world to web designers.

  3. Those are really beautiful! Personally I’ve always been iffy about horizontal layouts since they make assumptions of the visitor’s browser resolution most of the time. Too high and they get a scroll bar, too low, and the layout looks silly :/

  4. Regardless of the quality of design, i find the horizontal scrolling harder to use. It makes me dizzy, and the scrolling down gesture just feels more natural.

  5. Here is the same portfolio with horizontal scrolling (they show a lot of the same work but are implemented on different web sites.

  6. I remember trying this when I first got into design. I like the sites that kinda just zip you along without having to scroll too much..

  7. Like those designs, realy look difierent comparing to other sites

  8. This new idea is really cool and different.. Really inspiring for the web designers.. Thanks for the share.. 🙂

  9. Cool..Thanks for share. May I know the tutorial how to make it.

  10. Thank guys for showing my site Publicidade Viva, its a pity that my client did not pay this years hosting, co’s he has gone bankrupt.

    Regards and keep the nice posts

    TZ

  11. here is mine.

    melanimodel.com.

    made for a beautiful girl

  12. Any tutorial helping me to create horizontal scrolling one page website ?
    Thanks

Comments are closed.