Best jQuery Animation Plugins & Tutorials with Demo

jQuery Scroll to Top – 32 Animations

jQuery Scroll to Top - 32 Animations

Scroll to top is a multi-purpose, fully responsive scroll to top button which allows you to scroll to the top of the website with silky-smooth animation (32 animation types). Release you users from endless scrolling back to top with this one click add-on.

Based on HTML5 & CSS3 to deliver best user experience on any smartphone, tablet and notebook/desktop computer.

 

  • 32 animation effects
  • 8 predefined, awesome color themes
  • 6 button positions
  • 4 button layouts
  • responsive
  • CSS3 animated button
  • Font Awesome
  • cross browser support
  • 100% Bootstrap compatible

 

Granim.js : Create fluid and interactive Gradients Animations

Granim.js : Create fluid and interactive Gradients Animations

Create fluid and interactive gradients animations with this small (< 10 kB) js library.

Animate.js : Trigger Animations on elements when Scrolling

Animate.js : Trigger Animations on elements when Scrolling

Animate js is a tiny (5KB) vanilla JS script to trigger animations on elements when they are within the viewport.

Inspiration for Navigation Indicators with CSS

Inspiration for Navigation Indicators with CSS

Today we’d like to share some style inspiration with you. The topic of this inspirational collection is navigation indicators. Pages, slideshows and other components often need some kind of navigation that tells the user where he is currently. In this collection we want to explore a couple of subtle designs that make navigating fun and interesting. The example that we are using is a vertical slideshow but the styles can be envisioned and adjusted for many other components.

Cool CSS Loading Effects for Grid Images

Cool CSS Loading Effects for Grid Images

TutsMix has shared with us some cool CSS loading effects for grid images. You can use them on your portfolio, blog, or anywhere you want. The setup is quite simple. We use Normalize.css as an alternative to the traditional CSS reset, ZURB Foundation to create a responsive grid, Masonry to create a dynamic grid layout, imagesLoaded to check if the images have been loaded, and Infinite Scroll by Paul Irish to load more images and append them to the gallery.

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


Best jQuery websites design awards