Navigation

25 free, scrolling plugins for awesome experiences

By Kendra Gaines | Resources | Dec 3, 2013

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.

Share this post
Comments (no login required)
  • 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!