25+ Awesome jQuery Animation

The jQuery library produces a few processes for adding animation to a web page. In the following list, you will see jQuery animation plugin for your next project.

Hopefully, you’re going to discover the following list of jQuery animation lists is useful for you and getting options you are actually looking for. We will be adding more free jQuery plugin afterwards, thus don’t neglect to bookmark this post.

See Also: 10 Customizable CSS3 User Interface Design

Animating List Items

animating_list_items

A tutorial about how to create swift list item animations by showing and hiding items in a list.

DemoDownload

Segment

segment_javascript_class_to_draw_animate_svg_path_strokes

Segment is a little JavaScript class to draw and animate SVG path strokes.

DemoDownload

Anima.js

anima.js_javascript_library_for_css_animations

Anima.js gives you the ability to use delays and durations normally, even for pure CSS animations. It uses CSS transforms and 3d-transforms together with Javascript to create animation. You have full control over the flow, so you can start, stop, cancel animations and even create event-based stuff.

DemoDownload

CircletPreloader

circletpreloader_jquery_circular_preloader_plugin

CircletPreloader is a lightweight jQuery plugin to create circular preloader animation.

DemoDownload

Spring Loaders with Rebound and Canvas

spring_loaders_with_rebound_and_canvas

A tutorial on how to create a loading spinner made with inscribed polygons and animated with Rebound spring motion.

DemoDownload

SVG 3D Tag Cloud jQuery Plugin

svg_3d_tag_cloud_jquery_plugin

SVG 3D Tag Cloud is a lightweight jQuery plugin that creates a three dimensional tag cloud. Easy to use, no dependencies. No additionals plugins. Fully customizable.

DemoDownload

iconate.js

iconate.js_transform_your_icons_with_trendy_animations

iconate.js is a tiny performant library for cross-browser icon transformation animations in your projects.

DemoDownload

svgPathAnimation

svgpathanimation_jquery_function_for_animating_svg

svgPathAnimation is a jQuery function for animating SVG multiple path synchronously.

DemoDownload

Digital Write

digital_write_jquery_plugin_to_write_characters_on_matrix_with_animation

Digital Write is a jQuery plugin to write characters on a 5X5 matrix with color, animations and size. It can be used in loaders, welcome messages etc.

DemoDownload

animateClick

animateclick_animations_on_mouse_click

animateClick is a jQuery plugin that allows you to create animations on mouse click. animateClick comes with 5 animations to enhance your button clicks or clicks on any element in your webpage.

DemoDownload

jQueryTween

jquerytween_lightest_tweening_engine_for_jquery

jQueryTween is a lightest tweening engine for jQuery. 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.

DemoDownload

jQuery DrawSVG

jquery_drawsvg

jQuery DrawSVG is lightweight, simple to use jQuery plugin to animate SVG paths.

DemoDownload

jAnimate

janimate_plugin_to_use_animate.css_with_jquery

jAnimate is a plugin to help you use Animate.css with jQuery.

DemoDownload

Polaroid Stack to Grid Intro Animation

polaroid_stack_to_grid_intro_animation

A tutorial on how to create an intro animation where a decorative Polaroid stack becomes a grid similar to the effect seen on the takeit website.

DemoDownload

Popmotion

popmotion_javascript_motion_engine

Popmotion is lightweight JavaScript motion engine. Make it pop with animation, physics, and input tracking.

DemoDownload

Animate Plus

animate_plus_javascript_library_for_css_and_svg_animation

Animate Plus is a performant JavaScript library that helps you animate CSS properties and SVG attributes. Animate Plus is well-suited for quick UI interactions as well as longer animation sequences on both desktop and mobile.

DemoDownload

Bringins

bringins_jquery_plugin_to_show_animated_page

bringins is a jQuery plugin to show contents on a webpage as an animated page. These page will be positioned ‘fixed’ with scrollable data.

DemoDownload

Animocons

animocons_animated_icons_with_mo.js

A tutorial about creating various icon animations made with mo.js, a powerful motion graphics library.

DemoDownload

Elastic SVG Elements

elastic_svg_elements

Some inspiration for elastic components with SVG shape animations for enhanced UI interactions.

DemoDownload

Creative SVG Letter Animations with Javascript

creative_svg_letter_animations_with_javascript

An experimental plugin for animating SVG letters using Segment. The idea is to animate the path strokes of an interesting display font in a creative way.

DemoDownload

SVG Modal Window with Javascript

svg_modal_window_with_javascript

A tutorial about creating simple modal window with an SVG background animated using Snap.svg and javascript.

DemoDownload

Animate Transition

animate_transition_library_for_transition_animations_between_blocks

Animate Transition allows you to easily make transition between any two (or more) HTML elements. It can be used in different variety of situations, whatever you want to enhance appearance of your web site or navigate between pages in hybrid mobile application.

DemoDownload

Anime

anime_javascript_animation_engine

Anime is a flexible yet lightweight JavaScript animation library. It works with CSS, Individual Transforms, SVG, DOM attributes and JS Objects.

DemoDownload

Dynamics.js

dynamics.js_javascript_library_to_create_physicsbased_animations

Dynamics.js is a JavaScript library to create physics-based animations.

DemoDownload

ProgressBarWars.js

progressbarwars.js_jquery_animated_star_wars_progress_bar_plugin

ProgressBarWars.js is a tiny(Star Wars Tribute) jQuery plugin that allows you to display an animated horizontal progress meter.

DemoDownload

mo.js

mo.js_motion_graphics_library_for_the_web

mo.js is a powerful motion graphics library for the web.

DemoDownload

mFancyTitle

mfancytitle_jquery_plugin_to_animate_your_page_title_and_favicon

mFancyTitle is the jQuery plugin that lets you animate your document& favicon easily with style.

DemoDownload

Leave a Reply

Your email address will not be published. Required fields are marked *

Support Us