jQuery plugin to generate spinners and loaders, without images, canvas, or other nonsense. For the developer they need support in every browser, easy customization, and efficiency. Even though all this is possible with fancy CSS transformation, many browsers won’t support it (IE < 10). jQuery Waiting uses standard, widely accepted css to style your waiting spinner, and a little jQuery to make it function.
Best jQuery Animation Plugins & Tutorials with Demo
GFX : 3D CSS3 animation library with jQuery
GFX is an 3D CSS3 animation library that extends jQuery with some useful functionality for programmatically creating CSS3 transitions. CSS3 transitions are superior to manual ones (using setTimeout) since they’re hardware accelerated, something particularly noticeable on mobile devices.
GFX currently only supports WebKit browsers (Safari/Chrome). Firefox support is planned.
jQuery Scroll Content Presenter with CSS3
It is an extension that allows you to create an unique and beautiful style of navigation , showing the contents of your site through animations and colors to engage your visitors. Scroll Content Presenter builds the navigation menu for you based on the structure of your HTML.
Features:
- Vertical and horizontal navigation
- Custmom scroll
- Parallax animation
- CSS3 transitions
- Built using bootstrap
- Generate navigation menu for you
box2d : jQuery Convert your DOM into Physical objects
jquery.box2d.js is a simple jquery plugin that transforms DOM elements into actual physical objects. well, physical in a flat 2d-browser-world.In Short about box2d :
- we clone the selected DOM elements into absolute possitioned … well … clones.
- we animate them via dynamically (javascript styly) set CSS3 transforms / translate / rotate combos
- the values for this CSS/javascript mambo-jumbo are calculted via box2d-web
Dynamic Newsletter Signup Form with jQuery Animations & CSS3
The dynamic form effects will be handled in jQuery with some additional CSS3 properties as well. I haven’t connected any backend script into the form. But there are methods for situating a full registration form, such as MailChimp or even your own custom storage. This layout is a fantastic example of what can be accomplished using just a little bit of HTML5/CSS3 and JavaScript techniques.
MelonHTML5 : Royal Preloader with jQuery
Royal Preloader allows you to easily setup website images preloading in a loading screen and display the entire website instantly when it finishes. It comes with 8 pre-designed loaders and is super easy to install. All web browsers and mobile devices are fully supported. And all options can be customized via API.
Features:
- Preloading Website Images
- 8 Pre-Designed Loaders
- Display Loading Details
- Fully Customizable
- Easy to Install
- CSS3 animations + Fallback for IE
- Mobile Device Support
jCanvaScript : JavaScript Library to manage Html5 Canvas Element
jCanvaScript is a javascript library that provides you methods to manage with the content of a HTML5 canvas element easily. It runs on any platform (including iPhone, iPad, Android) that supports canvas and JavaScript. To add support for canvas in Internet Explorer you can use ExCanvas.
Features:
- Fully Object Oriented
- Provides access to the canvas context
- Provides mouse-events to all objects
- Provides keyboard-events to all objects
- Provides drag’n’drop
- Easy methods to manage objects
- Provides easy objects animation
