Hello there, Today I want to give a number of useful jQuery effects we have gathered for you. These plugins will allow you to create some amazing animation on your own website and its eye catching presence.
These plugins are very lightweight and simple to utilize, it will help you to create various effects from smooth transitions to overlapping animations, these effects are designed to generate animated switches between varying elements.
If you find concerning an alternative jQuery effects around that you simply think that could be put up within the selection. please share links on the comments part.
Raindrops.js is a jQuery plugin to create raindrop effect on water. There are lots of option/settings to customize this plugin.
cta.js or “Call to Animation” is a light-weight performant library to animate your “action-to-effect” paths.
The special feature is that image files can be used as single particles. It’s easily configurable and flexible.
StackBlur.js is a fast, almost Gaussian blur for canvas. It’s based on implementation of StackBlur algorithm.
Flippant.js is a mini dependency-less UI lib for flipping over DOM nodes.
jQuery Shakker is a jQuery plugin to give any image a shaky effect. It’s pretty easy to use.
Letter by Letter JS
Letter by Letter JS is a lightweight jQuery plugin to present text letter by letter on a HTML page. This text can appear as if was just being typed, or it can fade in more gently.
reveal-it.js is a jQuery plugin that gradually reveals text from left to right to produce a fade-in effect.
Effect Ideas for Card Stacks
Some effect inspiration for card stacks. The idea is to show animation ideas for positive (accept) or negative (reject) feedback on a generic card element.
Geometryangle is a jQuery plugin to create fancy geometrical background for websites. Fast frame rate and highly customizable.
jQuery Star Flashing Effect
A tutorial about creating stars flashing effect by using jQuery and very easy to use.
Material Design Hierarchical Display
A jQuery plugin to create Material Design hierarchical display animation effect.
Fly to is a lightweight jQuery plugin to create add to cart with cool fly effect.
An in-depth tutorial on how to build the ripple effect outlined under Google Material Design’s Radial Action specification and combine it with the powers of SVG and GreenSock.
Image Figure Caption Effects
This script transforms any image into a HTML5 compliant figure element with a nice caption.
Fixed Background Effect with CSS and jQuery
A simple templates that takes advantage of the background-attachment CSS property to create a fixed background effect, with the addition of a navigation to browse through the different sections.
PleaseWait.js is a simple library to show your users a beautiful splash page while your application loads.
jQuery Bloodforge Smoke Effect
jQuery Bloodforge Smoke Effect plugin lets you to add a smoke effect background to any HTML element on the page
barba.js is a small, flexible and dependency free library that helps you creating fluid and smooth transitions between your website’s pages.
ShakeBorder is a jQuery plugin to create shake and border effects. It can be customize and very easy to use.
Kubist transforms an ordinary image into cubism-like composition
Rain & Water Effect Experiments
Some experimental rain and water drop effects made with WebGL and shown in different demo scenarios.
Animated Heat Distortion Effects with WebGL
A tutorial on how to use fragment shaders in WebGL to create an animated heat haze distortion effect on images and text.
normalmap.js is a library for creating simple interactive lighting effects using normal maps.