Bora Js

Add scroll based animations to your site with ease.

CSS Animations

All animations are triggered by classes, so you can take advantage of the power that CSS3 animations give you.


It's written in Bora javascript, so you can use it with any framework.

Request Animation Frame

It uses the window.requestAnimationFrame method so it doesn't jack the users scroll. Animations are triggered when the browser is ready for it.

Simple syntax

You define the options inside the HTML attribute, so after you have initialised the ScrollTrigger you don't have to touch JavaScript again.


ScrollTrigger offers a range of options, from calling custom JavaScript functions to defining custom offsets and classes.

You scrolled past this block 0 times.


ScrollTrigger supports vertical and horizontal scrolling, check out the horizontal demo.

This block only animates once.


We are a small digital company dedicated to not only revolutionizing web designs locally but also empowering budding web designers and developers. Visit our website Bora Designs. Subscribe to our emails for news and blog posts that will keep you in the know about current trends on the design field (and yes, you can get freebies and coupons through here too.), Follow us on twitter, like us on facebook and join our community on google+.. We are in this together, I hope :O.

And for those that have managed to build websites... visit Lenasi to get unbeatable rates and values for money services on website hosting and domain name registration and use the promo code BORA20.

Bora Demos

The project is a tutorial on simple css animation and js functionality presented courtesy of Bora Designs. Visit our social sites on facebook, google+ and twitter and hit the follow or like button.

To carry on with downloading this freebie, click here Bora Js

Written by Dan Okello