Enrich your website experience with WPThumbFx, a WordPress jQuery animation plugin that brings your images and content in your articles to life. Create unique animated effects effortlessly without any knowledge of jQuery. All effects are responsive and adapt perfectly for all device resolutions like mobiles, tablets and desktops.
Best jQuery Animation Plugins & Tutorials with Demo
CSS3 3D Grid Effect
Today we’d like to share a little animation concept with you. It’s the recreation of an effect we spotted in this fantastic prototype app by Marcus Eckert. The idea is to rotate a grid item in 3D, expand it into fullscreen and reveal some content. For our attempt to imitate the app behavior, we created two demos. In the first one we rotate the grid item vertically and in the second one horizontally.
Pieces – Amazing Image Effects jQuery Plugin
Pieces allows you to split an image into tiles and animate them with amazing effects. It comes with 300 ready-to-use animations and with a tool that let you create your animation packs. You can use it both with javascript and html markup. With Pieces you can control tiles dimension, speed, stagger, so on. And it’s responsive and SEO friendly. Pieces takes advantage of TweenMax and the flexibility of jQuery.
Features:
- 300 ready-to-use animations
- tool for creating animation packs
- responsive
- SEO friendly
- it can be used also without javascript
- full compatibility with all the latest browsers
- fallback for older browsers
Pagescroll : jQuery animated scroll Menu
Create animated scroll menu with jQuery
Features:
- vertical or horizontal display
- absolute, fixed or inline styles
- left, right, top or bottom aligns
- configurable background color, font sizes, colors also configurable via CSS
- smooth animation during pagescroll
- fade in / fade out effect when user scrolling
CutJS : DOM & jQuery for HTML5 Canvas Graphics
CutJS is a minimal JavaScript library for composing high-performance, dynamic and interactable 2D HTML5 graphics. It is inspired by DOM and jQuery with a new concept called pinning introduced instead of styling.
CutJS is cross-platform and works with modern browsers and mobile devices, it is intended to be used for game and visual app development.
InfinitySlider – jQuery Slider with CSS3 Animations
Modern, Customizable, Clean, Fluid and Responsive. Responsive effects by default and fully compatible with Desktop, Notebook, Tablet, Smarphone, Firefox, Chrome, Opera, Safari and Internet Explorer.Image Autofit is an awesome feature that allows you to responsive your images automatically by cutting its edges and resizing its sizes, to preserve a high definition on every device and create an awesome slider for desktop and mobile.
Features:
- Super-Fluid CSS3 Effects & Transitions on Desktop & Mobile
- You can select your IN/OUT/BACK Times for each element
- HTML & CSS Content supported, you can add texts, images, videos, canvas, pricing tables, and all you want.
- Fully Support of Video Embedding as Fullscreen or Boxed
- Youtube & Vimeo API that stops the video if you change the slide
- Image Autofit that allows you to select the subject position on the images
- Cinematic Effect that allows you to make an animation-movement of the images
- Blur Effect that allows you to make an automatic blur image from a normal one
- Fully Cross-Browser Compatibility
- Bootstrap 3 Integrated so you can use all the Bootstrap Elements inside the slide
- Easy to integrate with other Frameworks
- Font Awesome 4 Integrated
- Fully Responsive
- Play & Stop with the slide loader
- Autoplay, you can active it to start your slide when the page is opened
- Keyboard Navigation
