That’s why web design field counts in one of the most fickle industry in comparison to other. From past few years, wed design has undergone a continuous evolution and become most mature platform for creative people. Designers are coming up with more interactive design and more aesthetically pleasing designs. Designers are trying to provide users with different levels of navigation to make find their way over website easily and quickly.
Earlier horizontal scrolling websites are considered one of the most bad practice but now, designers taking it as a useful and attention generating approach. In fact, horizontal designs work really great with website portfolios or photo galleries. However, horizontal design can also stand-out as an amazing website if done carefully.
Showcasing 60 outstanding horizontal scrolling websites
Here, we are going to present the best collection of websites using horizontal scrolling for main navigation. Take a look:
1. IndoFolio
![IndoFolio IndoFolio](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 322'%2F%3E)
2. We Shoot Bottles
![We Shoot Bottles We Shoot Bottles](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 322'%2F%3E)
3. Eric Johansson
![Eric Johansson Eric Johansson](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 260'%2F%3E)
4. Furniture store
![Furniture store Furniture store](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 309'%2F%3E)
5. WaipDesign
![WaipDesign WaipDesign](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 322'%2F%3E)
6. Tinkainteractive
![Tinkainteractive Tinkainteractive](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 260'%2F%3E)
7. Inhouse
![Inhouse Inhouse](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 415'%2F%3E)
8. Alex Frueas
![Alex Flueras Photography Alex Flueras Photography](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 332'%2F%3E)
10. Merus Wines
11. Richard Arran
![Richard Arran Richard Arran](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 260'%2F%3E)
12. Deborah parentes
![Deborah parentes Deborah parentes](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 257'%2F%3E)
13. Eolo Perfido
![Eolo Perfido Eolo Perfido](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 260'%2F%3E)
14. ScerBossaro
![ScerBossaro ScerBossaro](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 257'%2F%3E)
15. Lucuma
![Lucuma Lucuma](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 260'%2F%3E)
16. Abacq
![Abacq Abacq](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 257'%2F%3E)
17. Nile Inside
![Nile Inside Nile Inside](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 260'%2F%3E)
18. Love Bento
![Love Bento Love Bento](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 260'%2F%3E)
19. Les Hautes Mynes
![Les Hautes Mynes Les Hautes Mynes](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 260'%2F%3E)
20. Gavin Casteletom
21. Wall Swaps
22. Publicidade Viva
![Publicidade Viva Publicidade Viva](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 257'%2F%3E)
23. Gelisiguzel
![Gelisiguzel Gelisiguzel](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 260'%2F%3E)
24. Master File
![Master File Master File](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 322'%2F%3E)
25. C.L. Holloway
![C L Holloway C L Holloway](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 260'%2F%3E)
26. Dustin Curtis
![Dustin Curtis Dustin Curtis](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 257'%2F%3E)
27. Maurivan Luiz
![Maurivan Luiz Maurivan Luiz](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 260'%2F%3E)
28. Exit 10 Advertising
![Exit 10 Advertising Exit 10 Advertising](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 332'%2F%3E)
29. Zupadupa
![Zupadupa Zupadupa](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 260'%2F%3E)
30. Front End Design Conference
![Front End Design Conference Front End Design Conference](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 257'%2F%3E)
31. Stephane Tartelin
![Stephane Tartelin Stephane Tartelin](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 260'%2F%3E)
32. Graphic Therapy
![Graphic Therapy Graphic Therapy](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 329'%2F%3E)
33. BBH London
![BBH London BBH London](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 260'%2F%3E)
34. Lomotek Polymers
![Lomotek Polymers Lomotek Polymers](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 257'%2F%3E)
35. Ctrl+N
![Ctrl N Ctrl N](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 257'%2F%3E)
36. Vanity Claire
![Vanity Claire Vanity Claire](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 260'%2F%3E)
37. The Horizontal Way
![The Horizontal Way The Horizontal Way](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 257'%2F%3E)
38. Faub
![Faub Faub](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 257'%2F%3E)
39. Here Design
![Here Design Here Design](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 257'%2F%3E)
40. Ladio
![Ladio Ladio](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 257'%2F%3E)
41. Peter Pearson
![Peter Pearson Peter Pearson](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 260'%2F%3E)
42. Alex Flueras Photography
![Alex Flueras Photography Alex Flueras Photography](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 332'%2F%3E)
43. Carrot Creative
![Carrot Creative Carrot Creative](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 257'%2F%3E)
44. Bartle Bogle Hegarty
![Bartle Bogle Hegarty Bartle Bogle Hegarty](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 332'%2F%3E)
45. Magpie Studio
![Magpie Studio Magpie Studio](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 257'%2F%3E)
46. Candice Holloway
![Candice Holloway Candice Holloway](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 332'%2F%3E)
47. Make Pretend
![Make Pretend Make Pretend](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 257'%2F%3E)
48. Elfletterig
![Elfletterig Elfletterig](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 332'%2F%3E)
49. Jason Love
![Jason Love Jason Love](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 257'%2F%3E)
50. Eolo Perfido Photography
![Eolo Perfido Photography Eolo Perfido Photography](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 332'%2F%3E)
51. Art in Design
![Art in Design Art in Design](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 257'%2F%3E)
52. Section Seven
![Section Seven Section Seven](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 257'%2F%3E)
53. Frank Giacobbe
![Frank Giacobbe Frank Giacobbe](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 332'%2F%3E)
54. Graphic Evidence
![Graphic Evidence Graphic Evidence](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 257'%2F%3E)
55. Suie Paparude
![Suie Paparude Suie Paparude](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 257'%2F%3E)
56. Paolo Boccardi Photography
![Paolo Boccardi Photography Paolo Boccardi Photography](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 332'%2F%3E)
57. Sursly
![Sursly Sursly](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 257'%2F%3E)
58. Hotel Oxford
![Hotel Oxford Hotel Oxford](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 332'%2F%3E)
59. Visuall
![Visuall Visuall](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 257'%2F%3E)
60. Ricky Cox
![Ricky Cox Ricky Cox](data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 500 332'%2F%3E)
Further Resource
35 Awesome and Beautiful Examples of Horizontal scrolling websites
http://www.tripwiremagazine.com/2011/03/35-awesome-and-beautiful-examples-of-horizontal-scrolling-websites.html
40+ Examples of Horizontal Scrolling Websites
http://naldzgraphics.net/inspirations/40-examples-of-horizontal-scrolling-websites/
40 of the Best Horizontal Scrolling Websites
http://webdesignledger.com/inspiration/40-of-the-best-horizontal-scrolling-websites