jQuery Animation Plugin & Tutorials with Example

Wheelnav.js : Animated Circular navigation with SVG

Wheelnav.js : Animated Circular navigation with SVG

This is an animated navigation menu component, a JavaScript library based on SVG. It can be a pie menu (radial menu, circular menu), tab navigation and more. The library comes with predefined CSS classes for easy styling and supports HTML5 data attributes for proper markup.

Cta.js : Animate your Action-to-effect path

Cta.js : Animate your Action-to-effect path

Cta.js or “Call to Animation” is a light-weight performant library to animate any element (“action”) onto any other element (“effect”) on the page.

It is written with an aim to promote visual continuity in web apps.

AniView : jQuery Animate Element on Page Scroll

AniView : jQuery Animate Element on Page Scroll

A jQuery plugin that works in harmony with animate.css in order to enable animations only when content comes into view.

Cquence.js : JavaScript Animation library for Banners & Advertisement

Cquence.js : JavaScript Animation library for Banners & Advertisement

Cquence is a very small Javascript animation library developed for banners and advertisement.

Grid Item Animation Layout with CSS3 & JavaScript

Grid Item Animation Layout with CSS3 & JavaScript

Today we’d like to share a simple animated grid layout with you. The responsive layout has a sidebar and grid items that animate to a larger content area when clicked. The expanding element (which is a dummy element and not the grid item itself) is not animating in width and height but instead its original dimensions are already of the expanded size and we simply scale it down initially.

TURNBOX.js : jQuery 3D Turn Animation

TURNBOX.js : jQuery 3D Turn Animation

Flat design UI to perform 3D animation.jQuery plugin that can be implemented easily.

jQuery Image Player

jQuery Image Player

Businessess need to develop a video to explain the flow of applications like online internet banking, 3D visuals of car interiors, etc. However, this makes the overall file size very heavy.
In such cases, users can use this “Jquery Image Player”. Though giving a feeling of a video player, this is an image based player with a look and feel of video player.

Space.js : JavaScript library for narrative 3D-Scrolling

Space.js : JavaScript library for narrative 3D-Scrolling

Space.js is a HTML-driven JavaScript-library for narrative 3D-scrolling. The library is HTML-driven, which means that you don’t need to write a single line of JavaScript to use it on your site and still have a lot of flexibility.

Motion Blur Effect with SVG & jQuery

Motion Blur Effect with SVG & jQuery

A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.Motion blur is a technique widely used in motion graphics and animation in general to make movement seem more smooth and natural.

Loaders.css : Pure CSS Loading Animations

Loaders.css : Pure CSS Loading Animations

A collection of loading animations written entirely in css. Each animation is limited to a small subset of css properties in order to avoid expensive painting and layout calculations.



Best jQuery websites design awards