featured

25 free, scrolling plugins for awesome experiences

By Kendra Gaines Posted Dec. 03, 2013 Reading time: 1 minute

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.

Aa