Best jQuery Animation Plugins & Tutorials with Demo

jQueryTween : Lightest Tweening Engine for jQuery

jQueryTween : Lightest Tweening Engine for jQuery

A super light & simple jQuery plugin that works as a controller for tween.js (javascript animation engine), and for jQuery users, makes work alot easier. Imagine writing init(), animate() and update() over and over again.

This plugin is a bridge to tween.js and aims to drastically simplify your work. Each script does what it does best, for high performance hardware accelerated animations.

Gooey Menu : Cool gooey effects Menu with jQuery & SVG

Gooey Menu: Cool gooey effects Menu with jQuery & SVG

jQuery Menu Plugin With Cool Gooey Effects

  • Cool gooey effects using SVG filters
  • Six menu styles (spaced/stacked round, horizontal, vertical menus)
  • 15+ easily customizable options
  • Easy to use event API
  • Fully responsive layout
  • Support of all modern browsers

Inspiration for Text Input Effects 2

Inspiration for Text Input Effects

We’ve updated and added some more effects to the Inspiration for Text Input Ideas. The second set contains some more styles that we thought about and collected after we released the first set about three month ago. The concept is the same: make (subtle) enhancements for text inputs to make them more engaging and fun.

CSS3 Hover Link Effects

CSS3 Hover Link Effects

One of the essential parts of a website is a text link. By clicking an anchor tag you can go anywhere from the site as it points to a specific page.

Today, We are going to show you how to create awesome links using new features of CSS3: transition and transform. At the end of this tutorial you’ll have cool link hover effect that will surely rock your navigation.

jQuery Wheelizate Tabs

jQuery Wheelizate Tabs

Wheelizate Tabs is an alternative way of tabbed navigation. It’s an animated tab components based on Bootstrap tab system.

Features:

  • 4 wheelizated tabs in 4 possible position
  • 6 color schemes with 6 themes (less files included)
  • Responsive
  • Bootstrap ready
  • Works with any type of content
  • 266 SVG icons
  • It works on all major desktop and mobile browser

Animated Menu to Cross Icon with CSS3 & jQuery

Animated Menu to Cross Icon with CSS3 & jQuery

The project Menu-to-cross-icon is a project made to show people different ways to create a “Menu icon” that switch into a “cross icon”.Some technics use vanilla javascript, some uses jQuery and some are powerd by CSS only!

jQuery Starfield Background Plugin

jQuery Starfield Background Plugin

A jQuery plugin to add a bitchin’ starry background to your website.

Birdman.js : jQuery Animate Text Plugin

Birdman.js : jQuery Animate Text Plugin

A jQuery plugin to animate text as in the credits of the 2014 movie “Birdman”.

Creative Gooey Effects with SVG

Creative Gooey Effects with SVG

Today we are going to show how to use SVG Filters to apply a gooey-like effect to HTML elements. We’ll first cover some basics of the technique and then we’ll demonstrate several creative use cases for common website elements, like menus, apps, selections, paginations and more.

CSS effects for Notifications using Animate.css

CSS effects for Notifications using Animate.css

This tutorial is aimed to show you some very common CSS transitions used in development. I chose to illustrate this on notifications because i can use the both hidden and visible states of elements to display a broad range of animations.



Best jQuery websites design awards