5 minute read.

17 mega-creative side scrolling websites.

Paul Anthony / December 29, 2008

Posted in: Archive

Side scroller websites have been around for quite some time, but with the penetration now of javascript effects and frameworks, some new sites popping up around the web are really beginning to shine. Some of the following websites show how javascript can be employed to great effect to create eye popping content and imagery. Enjoy our picks of some of the best and most intriguing sites.




Created by the evil geniuses over at Erskine, wallswaps is a sideline project that gives you a yummy erskine badge in exchange for sending the guys something interesting. The site itself is a work of art using that old chestnut – the pinboard concept to allow you to marvel at the neato stuff. It also utilises some nifty javascript (Jquery with the scrollto plugin) for browsing the wall. It’s nice to see not only a horizontal design but a horizontal and vertical slide effect in operation. These guys really know how to push the boundaries.




A hat tip to Mr Elliot Jay Stocks for pointing this one out. Sursly is the portfolio of Tyler Finck. The site uses visual tricks (such as the stripes near the start of the animation to give the illusion of the site almost opening out. If you are on a high bandwith connection and a high spec machine you’ll get the best results. At first glance I thought this was a flash based porfolio, just from the visual effects; a sign of things to come in 2009 where HTML with the right people behind it can create awesome sites that far exceed the experiences of flash counterparts. Sursly uses horizontal tiny scrolling to achieve its javascript effects.

14 tracks



14 tracks as a concept is brilliant. Weekly mix tapes with new artists – if you are into your music it is a definite must check out. All tracks are £1 each or all 14 for £6.48. Created by the team over at Default ltd the design, the site utilises Prototype Js and Ajax extensively, to give a responsive interactive experience.

Vault 49



A flash photography portfolio – vault49 has a smoothness to it that I really liked.

Graphic Therapy



Another flash one – graphic therapy are a digital agency with offices in New York creating outstanding work for brands such as Disney and Adobe. Click your mouse and drag to browse.

Dean Oakley



Dean has a very clean and crisp porfolio, and his side scrolling efforts have not gone unmissed elsewhere around the web. The vector graphics used perfectly compliment the implementation. The site also uses the same javascript that Sursly.com uses (mentioned earlier).

Nile Studio



A young and ambitious design bureau – Nile Studio’s work encompasses webdesign, graphic design and video work. The scrolling on the site is achieved with a combination of JQuery and preloaded imagery. Move left and right to see them in action.

Nanadc Summer 06



A quaint little clothes shop in Washington Dc, which decided way back in ’06 to design something a bit different. And we loved it. Scrolling is done manually, without any javascript wotsits.

Beca Lonroth



Designed and developed by Olof Lönnroth Beca is a hot musician from Sweden, and Olof’s Sister. The scrollTo function is courtesy of Travis Beckham – of Squidfingers fame. The code is particularly clean and works cross browser, and doesn’t have the fingerprint of something like jquery. Well done all round guys.




Quite a high profile music site, and a guilty pleasure for myself, – but I’m no goth before you ask. Again uses horizontal tiny scrolling to scroll.




Plurk is one of the more well known side scrollers in the list. It is a competitor to twitter and displays updates on it’s social timeline left to right. You can easily scroll through your history using this timeline. It utilises a custom scrolling script alongside Ajax components to only request the data that you need.

Luke Larsen



Luke has created a horizontal scrolling site to rival many others. Using a “fish bowl” concept, you can almost feel as if you are underwater. Great stuff.

Hotel Oxford



A beautiful designed horizontal scrolling hotelier from Romania, from the creative people at desero. Uses Mootools. and a good bit of custom Javascript.

Benek Design



A brilliant side scrolling portfolio site from Benek Lisefskia a New Zealand based designer. Site uses horizontal tiny scrolling as its javascript engine, and has the option for manual scrolling.




A colourful, yet minimalist design, Synthetic infatuation are a design agency that care. Site uses Prototype’s ScrollTo for the fancy javascript colour bars. Lovely.



Mussatto is a Brazilian Childrens retailer that utilises side scrolling alongside beautiful vector graphics to great effect. Uses some of the code written by Olof Lönnroth which is a bit cheeky, but achieves similar results. Great design non the less.


Museum of Modern Art – elasticmind



Design and the Elastic mind has one crazy navigation. Created in flash – this one is worth a look if you if you fancy something a bit different. The site scrolls horizontally and vertically. Compulsive viewing.



Horizontal Tiny Scrolling
JQuery Serial Scroll
MooFx ScrollTo Demo
Creating a side scrolling page effect with Scriptaculous
Creating a side scrolling page effect with MooTools
Portfolio Design side scrolling Tutorial
The Horizontal way

  • javascript
  • jquery
  • moofx
  • portfolios
  • side scrolling

10 responses to “17 mega-creative side scrolling websites.

  1. Nice list,

    I have also used a scrolling portfolio.

    Edited. Links don’t show any scrolling portfolio as far as I can see. Backlinks removed to show I won’t be tolerating spam kings.

  2. Oww.. the future is a scrolling blogroll – pressed-down, shaken-together and rolling out to the blogosphere!

    How do I install this idea for featuring my Christmas Tree on my WordPress site, please?

Leave a Reply

Your email address will not be published. Required fields are marked *