A jQuery plugin to apply animated, visual effects to letters, words or other text patterns.
Best jQuery Animation Plugins & Tutorials with Demo
Multi-Screen.js : jQuery plugin Turns a Single page into Collection of Screens
A simple, lightweight, and easy to use jQuery plugin which turns a single page into a collection of screens with animated navigation.
Multi-Screen.js makes it easy to change the defaults for the animations, their times, the starting distance between the entering and exiting screens, and whether the animations should occur synchronously or asynchronously.
Theme Slider : jQuery FullScreen Touch Slider Plugin
Modern Touch-Enabled FullScreen Slider with Unlimited Layers and Animations.
Features:
- Responsive, Mobile-Friendly with Touch/Swipe Support
- 91 Predefined Layer Positions, 650+ Font Styles (Google Fonts), 360+ Icons (Font Awesome Icons)
- Unlimited Layers, Sublayers, Text Layers, Transitions, All of Them should be Animated
- Compatible with All Major Browsers
- Custom YouTube Player with Additional Options (Autoplay, Resize to Fit to the Screen, Loop, Hide Control Bar)
- Customizable Animation Time, Delay for Each Main Slide, Sublayer, Text Layer, Custom Options for Text Animations
- 80+ Animation Types, combined with Easing Effects you can create more than 300 Unique Animations
- 10+ Main Slider Animations with Hardware Accelerated CSS3 Technology
- 30+ Text Animations
- 10+ Sublayer Animations with in and out animations including random type
- 30+ Easing Effects
- AutoPlay, Control Options (color, position for global or each slides)
- Integrated Preloader with 5 custom animations
MagicWall : jQuery Responsive Image Grid Plugin
MagicWall is a jQuery plugin for creating an image grid that cycles through a set of images using attractive animations at a specific time interval. You can use this plugin to create a decorative element of your website, display your work or simply use it as a nice animated background. MagicWall plugin converts a list of images into a grid with defined number of rows and columns. The remaining images will appear with different animations and delays.
Features:
- Responsive grid
- Hardware Accelerated
- Fullwidth layout
- Fullscreen layout
- Highly customizable
- 22 Animations
- Sass files included
- Small file size
Fluid Menu to Overlay Content CSS3 Animations
I would like to share with you a personal experience I had while trying to build advanced visual animations with CSS keyframes. The topic we’re going to address is animating several HTML elements simultaneously and taking advantage of keyframe flexibility. To explain this subject, we will create a simple fluid menu based on four squares. Clicking on one of them will display an overlay showing related content, closing the overlay will reverse the process showing the default menu. All delays will be managed directly with CSS — no javascript timeout() here.
Bootstrap Progressbar : jQuery Plugin
bootstrap-progressbar is a jQuery plugin which extends the basic twitter-bootstrap progressbar. It provides the ability to animate the progressbar by adding Javascript in combination with the preexisting css transitions. Additionally you can display the current progress information in the bar or get the value via callback.
