Best jQuery Animation Plugins & Tutorials with Demo

Curtain Opening Effect Using jQuery And CSS

Curtain Opening Effect Using jQuery And CSS

In this tutorial we will show you how to create a curtain opening effect using jQuery and CSS. You have seen in many shows and dramas the curtains on the stage moves to left and right side on show starting and then moves to right and left in ending that’s exactly what we were going to create in this tutorial.

jumpyScroll – Plugin for Quick Page Scroll With Animation

jumpyScroll - Plugin for Quick Page Scroll With Animation

jumpyScroll plugin enhances the page scrolling from section to section, like a slider, only vertically.

Scrollanim : CSS3 and JavaScript Scroll Animation

Scrollanim : CSS3 and JavaScript Scroll Animation

Scrollanim is a CSS3 and JavaScript library to create stunning scroll animations that work everywhere.Scrollanim uses kissui.position to manage and track elements. Please note that kissui.position is a builtin dependency and you don’t need to include anything in your page.

Multi-Layout Slideshow with JavaScript & CSS

Multi-Layout Slideshow with JavaScript & CSS

A simple decorative slideshow component with individual slide layouts and effects. Powered by anime.js.

Today we’d like to share a simple decorative slideshow component with you. The idea behind this slideshow is to have an individual layout for each slide, accompanied by a distinct effect. The images of each slide is meant to have a decorative purpose which could be suitable for an article header; or, for example, an ornamental quotes slideshow within an article.

Flik Timeline : WordPress Responsive Timeline Plugin

Flik Timeline : WordPress Responsive Timeline Plugin

Build a simple, interactive, historical timeline with FLIK TIMELINE. The benefits of this timeline is that it’s simple, able to handle nearly any form of content (including image slider, thumbnail slider), printer friendly, and highly customizable .

  • Unlimited timeline for in post or page
  • Show images like slider or thumbnail slider
  • 5 different style
  • 8 different animation effect
  • Horizontal and vertical styles

baffle.js : JavaScript library for Obfuscating & Revealing Text

baffle.js : JavaScript library for Obfuscating & Revealing Text

A tiny javascript library for obfuscating and revealing text in DOM elements.

Above & Beneath: Featured Content Layout Effect with CSS

Above & Beneath: Featured Content Layout Effect with CSS

Today we’d like to share a little aquatic landing page template with some special effects with you. The idea is to show a big headline in the initial view and when a grid/menu icon is clicked, the view slides down (below the water) and some featured content or menu items get shown. The transitions are accompanied by some fitting background sounds.

Clipped SVG Slider

Clipped SVG Slider

A simple slider, with morphing preview images animated using SVG properties.

Web Ticker : jQuery Marquee Ticker Plugin

Web Ticker : jQuery Marquee Ticker Plugin

Web Ticker is a jQuery plugin that allows you to have items scrolling indefinitely across the screen. It uses some fancy calculations to ensure smooth continuous transitions. The Web Ticker content, can be varied, including text, image lists or even custom styled items. The Web Ticker API can also be used to control the scrolling, and content programatically.

Item Reveal Animations with SVG

Item Reveal Animations with SVG

An experiment where grid items get revealed and unrevealed with animated, morphing SVG paths using anime.js.