MixItUp is a light-weight but powerful jQuery plugin that provides beautiful animated filtering and sorting of categorized and ordered content.
It plays nice with your existing HTML and CSS, making it a great choice for fluid, responsive layouts. It's perfect for portfolios, galleries, blogs, or any categorized or ordered content!
A simple responsive layout with some fancy page transitions. The idea is to show four items initially and expand them. Some additional page transitions are added for inner items.
It uses touch events and CSS3 transitions for the best possible performance. It also contains a “clever” workaround that makes it possible to transition from height: 0 to height: auto, which isn’t normally possible with CSS3 transitions.
Panzoom is a progressive plugin to create panning and zooming functionality for an element.
Rather than setting width and height on an image tag, Panzoom uses CSS transforms and matrix functions to take advantage of hardware/GPU acceleration in the browser, which means the element can beanything: an image, a video, an iframe, a canvas, text, whatever.
oriDomi has touch support and works on iOS.
There are multiple effects provided: accordion, reveal, curl, collapse, ramp, foldUp, unfold and reset.
Nice tutorial from Smashing Magazine about "Creating an Animated bar Graph with CSS And jQuery".
What this tutorial is making?
Fancy Input is a jQuery plugin that makes typing & deleting in input / Textarea fields exciting with CSS3 effects.
jquery.transformlist is a jQuery plugin to add support for styling and correctly animating CSS3 transforms that make use of multiple transform functions.
jquery.transformlist aims to assist you in creating a transform list of several transform functions that are composited for a specific task, and then provides you with means to use
jQuery.animate() between different sets of arguments for those transform functions.
In this tutorial you are going to build a cross-browser, custom confirm dialog in the form of an easy to use jQuery plugin. You can choose the text, buttons, and actions that will be executed when they are clicked.
Full Width Image Slider is a very simple 100% width slider that scales down to mobile.
This slider has a 100% width layout and it is responsive. It operates with CSS transitions and the image is wrapped with an anchor. The anchor can be replaced by a division if no linking is needed. With a max-width set to 100%, the image will size down for smaller screens.
Tutorial about "How to Create Windows-8-like 3D Animations with CSS3 and jQuery"
The demo works in the latest versions of all browsers, including IE10.
Looper.js is an intuitive, lightweight carousel jQuery plugin.
Keyboard navigation is available when the element has focus. Simply use the left/right arrows keys.
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.
Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text.
Flipping Circle Slideshow is an experimental concept and the idea is to flip a circle in a specific angle depending on which spot of the circle we click.
There are three different possibilities for each side: top, middle and bottom. For example, when clicking on the top right part of the image, the circle will flip in the associated angle, making it look as if we press down that part and reveal the next image that is on the back face of the circle.