Best jQuery Animation Plugins & Tutorials with Demo

    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.

    Boids.js : Javascript library allows you to Control Boids

    Boids.js : Javascript library allows you to Control Boids

    A Javascript library allows you to control boids such as bird flock and fish school. This computer model of coordinated animal motion was designed by Craig Reynolds in 1986. This model consists of three simple rules which are separation, alignment and cohesion.

    jQuery Smooth Parallax Scroll

    jQuery Smooth Parallax Scroll

    Smooth parallax animations on vertical page scrolling using requestAnimationFrame and CSS3 3D transitions.

    Playful Trampoline Effect with CSS3 & SVG

    Playful Trampoline Effect with CSS3 & SVG

    Today we want to share a fun little effect with you. The idea is to simulate the bounciness of a trampoline when navigating the image stack. For the draggable image stack we are using the Elastic Stack. The SVG animations are done with the help of Snap.svg. We will also use CSS Transitions for all the effects.

    Animatrix Images with jQuery & CSS3

    Animatrix Images with jQuery & CSS3

    Animatrix Images allows you to easily enhance and animate your images with dots and lines. Animated images with a responsive layout and an easy WYSIWYG admin area editor of dots and lines are just a few of the capabilities of this plugin. You can create all types of animations, shapes, logos, or just progress bars and web elements. You can add dot titles, descriptions, links and even images and icons for each dot. Sizes of dots and animations of the pulse are also changeable in the admin area.