Best jQuery Animation Plugins & Tutorials with Demo

Responsive SVG Handwriting Font Animation Script

Responsive SVG Handwriting Font Animation Script

You can create easily SVG text with any font and animate it in your wordpress dashboard or directly in your PHP file.

  • Compatible with any browser, including Internet Explorer
  • Use your own font file. Any font can be used
  • Publish your animation anywhere with a few lines of PHP code.
  • Using presets.
  • Create stylish animations unlimited and publish in 5 minutes.

Html5tooltips.js : Tooltips with smooth 3D animation

Html5tooltips.js : Tooltips with smooth 3D animation

Tooltips  written in pure JavaScript, with smooth 3D animation implemented in CSS. No framework dependencies.

PleaseWait.js : JavaScript beautiful Splash page Library

PleaseWait.js : JavaScript beautiful Splash page Library

A simple library to show your users a beautiful splash page while your application loads.

TURNBOX.js : jQuery 3D Turn Animation

TURNBOX.js : jQuery 3D Turn Animation

TURNBOX.js is a jQuery plugin for flat design UI to perform 3D animation.

3D Bold Navigation in CSS & jQuery

3D Bold Navigation in CSS & jQuery

A bold navigation that slides in when active, replacing the current content in a 3D space.To increase the focus on the menu, we pushed the main content along the z-axis (by using CSS transformations we actually scale down the content size, we don’t use 3D translations, but the result is the same).

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.

Squeezebox Portfolio Template in CSS & jQuery

Squeezebox Portfolio Template in CSS & jQuery

An intro block that slides out to uncover a gallery of portfolio items.

We’ve been experimenting with some motion effects to build a simple portfolio template. The idea is to show a gallery of projects as a separate, secondary module, with the first block still partially visible – just one click away.

Grid Item Animation Layout with CSS3 & JavaScript

Grid Item Animation Layout with CSS3 & JavaScript

oday 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. In the first demo the content area fills the grid and in the second demo, the whole layout moves to the left while the grid item is expanding.

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.

Agile : JavaScript generated pure CSS3 Engine

Agile : JavaScript generated pure CSS3 Engine

Agile is a simple, fast and easy to use engine which uses javascript generated pure CSS3.

Features:

  • Agile uses javascript to generate pure CSS3, without canvas, webGL or SVG.
  • Performant on mobile devices, being truly cross platform.
  • Agile’s API has high similar characteristic with actionscript 3.0, you can learn it in 10 minutes.


Best jQuery websites design awards