25 free, scrolling plugins for awesome experiences

The art of creating a website these days is learning how to create an online experience. Many of these experiences are extensions of a brand or person and are relayed via different colors, fonts, etc. Thanks to awesome advancements in technologies, we can do a lot of stuff with our websites that we couldn’t do a few years ago. We are taking the experience from dry and drab to fun and fab.

One of the trendiest techniques to have fun with is scrolling. We can create full stories that move horizontally or vertically across a screen utilizing many different scenes; we can create effects that make it seem like bubbles and other shapes are taking over screens; we can create backgrounds that seem to have depth of field. 

Many of these techniques are what is affectionately called parallax scrolling. Others are just some really cool animations you can trigger by moving your mouse-wheel. Either way, they are extremely fun and popular.

That’s why today, we’ve put together a bunch of our favorite plugins to get even the least code-savvy started making some great scrolling sites…

 

Scrolld.js

· Scrolld.js Demo ·

 

Cool Kitten

Cool Kitten: A parallax scrolling responsive framework

 

FoldScroll 

FoldScroll

 

fullPage.js

fullPage.js One Page Scroll Sites

 

AnimateScroll

http---plugins.compzets.com-animatescroll-(20131127)

 

Parallax.js

http---stolksdorf.github.io-Parallaxjs-(20131127)

 

Jarallax

http---www.jarallax.com-demo3-(20131127)

 

jInvertScroll

http---www.pixxelfactory.net-jInvertScroll-(20131127)

 

jQuery Full Content

Jquery fullContent.js

 

One Page Scroll

jQuery One Page Scroll by Pete R. | The Pete Design

 

jQuery Parallax

jQuery Parallax Plugin Demo

 

Scroll Path

jQuery Scroll Path

 

PageScroller Lite

jQuery Smooth Scrolling Plugin | Page Scroller

 

jquery-parallax

jquery-parallax - WebLinc

 

Arbitrary-Anchor

jquery.arbitrary-anchor.js | Brian G.

 

Portfoliojs

Portfoliojs - jQuery plugin for your beautiful portfolio images with horizontal scrolling

 

Scrolling Parallax

Scrolling Parallax Plugin for jQuery - Multiple Layered Parallaxes

 

Scrollocue

Scrollocue

 

Scrollorama

scrollorama

 

Scrolltab

Scrolltab by cjsaylor

 

Scrolly

Scrolly: a simple jQuery parallax plugin

 

Skrollr

skrollr - parallax scrolling for the masses

 

Sly

Sly

 

Smint

SMINT | The simple jQuery plugin for lovers of one page websites.

 

Super Scrollorama

SUPERSCROLLORAMA

Have you developed a site based around scrolling? Did you use a plugin, if so which one? Let us know in the comments.

0 shares
  • CWagner

    Wrong title. “25 plugin that makes your users hate you” would be more correct.

  • http://61designstreet.com/ Arianna

    I have read your whole article and like it so much. As you said that “to have fun with is scrolling.” then I would like to share with you all a website that is based on your theme. You can take a look on the website and have fun with “scrolling.”
    http://www.61designstreet.com/

  • http://dwietrzecie.pl/ Łukasz Dudzic

    No matter how strong yours machine is, those effects always show how to slow them down. On i7, GTX 760M, 16GB and Chrome Ikea website posted on scrollorama is just unwatchable.

    • Diego Díaz

      iMac 2013 (core i5 8GB GT 640M) on Firefox 25 works like charm… No problems at all.

  • http://www.japborst.net/ Jelmer Borst

    Nice! Sometimes these things come in very handy. For a solution that automatically, but less intrusive, way to align with elements, you might want to check out this pure JS solution (hooray, no jQuery!) http://japborst.github.com/scrollOCD

  • irishmark

    That “Scroll Path” kills firefox on my iMac. JUst freezes up and maxes the CPU.

  • Danny Jones

    Some funky freebies here – thanks

  • MP

    Interesting to see the people who “hates” something and spending “precious” time going through this list, and makes comment in the end :D

  • Deepak Thakur

    It’s really very good to see that their is still website that is based on the scrolling. Like in past the flash websites were very famous but now a days they have just fade up.
    Can I use any coding to make my SEO blog on scrolling bases???
    Thanks,
    http://www.seomaster.blog.com

  • Leonardo Gamba

    Great!

  • Relmar Gupta

    Hate is a strong word, but it’s the only word that come to mind every time I browse to one of these “fancy” sites that implement JavaScript scrolling effects. Not only do these add unnecessary weight to the page, what’s worse – they behave differently across devices and just right downgrade the user experience considerably.

    JavaScript effects have their place when they add value to the user or make their browsing experience easier. These effects very rarely accomplish either. Just a new “shiny toy” some web developers have found and now implement without questioning the rationality or the impact to the end users experience. These just need to die. I hate them from the bottom of my heart.