All of the Rellax source code is available for free on GitHub if you wanna download a copy.

The entire setup uses a single JS function targeting the .rellax class like so:

var rellax = new Rellax('.rellax');

Note you can use pretty much any class you want, but the example demo uses .rellax for simplicity’s sake.

From here, you just wrap your parallax elements inside a div with the .rellax class and set the speed attribute. This works through the data-rellax-speedcustom attribute which accepts values from -10 to +10.

You can also center elements on the page and customize the element positions via CSS.

Rellax doesn’t tell you how to structure the page or how to define CSS elements on your page. All it does is create a natural parallax scrolling effect with pure JavaScript. How you use this is totally up to you.

To see a live demo, take a peek at the main site or browse through the GitHub repo. This includes some documentation, along with links to live websites using Rellax.js.

And best of all, the team is constantly willing to take pull requests, so if you notice any issues or have suggestions for features just send a quick message over to the team.