Posts Categorized / Animation/Effects


ScrollTrigger: A small library for scroll animations

ScrollTrigger is a lightweight javascript library that you can use to trigger classes on HTML elements based on scroll position. It allows you to easily create nice scroll animations with just few custom lines of CSS that you can code by yourself or copy by any CSS animations library like Animate.css. get it here


Anime.js-JavaScript Animation Library

Anime (/ˈæn.ə.meɪ/) is a flexible yet lightweight Javascript animation library. It works with CSS, Individual Transforms, SVG, DOM attributes and JS Objects. Features Specific animation parameters Specific target values Multiple timing values Playback controls Motion path get it here


Barba.js: A plugin for page transitions

Barba.js is a lightweight and dependency free javascript plugin to create fluid and smooth transitions between your site pages. It uses PJAX to enhance the user’s experience. Coded by by Luigi De Rosa. It helps reducing the delay between your pages, minimising browser HTTP requests and enhancing your user’s web experience. get it here


voxel.css makes 3D rendering easy

  JavaScript 3D library The goal of this project is to provide a lightweight 3D CSS library with very simple implementation.   get it here


TouchPoint.js – Visually Shows Taps for HTML Prototypes

TouchPoint.js is a tiny (3.6kb minified) vanilla JavaScript library made for in-browser HTML prototyping (as part of the UX process) that visually shows where the user clicks/taps on-screen using CSS3 transforms and transitions. TouchPoint is highly customizable, mobile ready and great for screencasting, screen recording, user testing and presentations. TouchPoint is customizable. There are a […]

Screen Shot 2015-07-21 at 11.07.18 am

Image Blur Plugin

Ultra small plugin (4kb minified, 1.5kb gzipped) for Blurring images This plugin utilizes SVG filter to blur the image if SVG is supported by the browser (all except IE), otherwise the plugin creates an IMG tag and applies a special IE-only filter in CSS get it here


Rainyday.js – Rendering Raindrops with JavaScript

The idea behind Rainyday.js is to create a JavaScript library that makes use of the HTML5 canvas to render an animation of raindrops falling on a glass surface. Rainyday.js features extendable API, collision detection and is easy to extend with your own implementations of different animation components. It is a pure JavaScript library which uses […]



Overscroll.js, is a small javascript library, giving you the ability to peak and show small easter eggs when the screen is scrolled beyond the height of the window. get it here