Best jQuery CSS2 / CSS3.0 Plugins & Tutorials with Demo

Image Tilt Effect with CSS3 3D Transform

Image Tilt Effect with CSS3 3D Transform

A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth effect.

Product Comparison Layout & Effect with CSS3

Product Comparison Layout & Effect with CSS3

A basic responsive product grid layout with comparison functionality and a slide-in effect.This Blueprint is a responsive product grid layout with comparison functionality. A maximum of three items can be selected for the product comparison. The comparison view shows flexbox-powered columns or rows (depending on the viewport size) that appear with a slide-in effect. There are a couple of example media queries for smaller viewports.

Iconate.js : Animated Icons with JavaScript CSS3

Iconate.js : Animated Icons with JavaScript CSS3

Iconate.js is a tiny performant library for cross-browser icon transformation with trendy animations in your projects.

Motion Slider jQuery Plugin

Motion Slider jQuery Plugin

Motion Slider is a responsive jQuery slider plugin for mobile and desktop that enables multi-transition and browser prefix free CSS animation to your HTML DOM elements.

  • Easy CSS Animation with Multiple Transitions
  • Create Cool 2D and 3D Transforms
  • Works with CSS3 Animation
  • No Browser Prefix Needed
  • Use Text, ScrambleText, Bezier and Physics2D Plugins
  • Break Apart an Image into Tiles or Text into Lines, Words or Characters
  • Fully responsive
  • Cross-browser, IOS and Android Compatible
  • Multiple Sliders in One Page
  • Smart Loading Using Adaptive Images

Animated Page Transition with CSS3 & jQuery

Animated Page Transition with CSS3 & jQuery

A CSS powered animation, that replaces the refresh of the page while the content is updated using Ajax.We used the pushState method to manipulate the browser history.

jQuery Layered Navigation with CSS3

jQuery Layered Navigation with CSS3

Layered navigation allows you to easily implement a new navigation system using the jQuery JavaScript library. It combines the presentation into two sections, you won’t need cutting the images into two, an entire section, and through slides at once. It includes CSS3 animations to show the elements, a side menu to show sections and a progress bar indicates the progress along web site. It allows you to include maps and videos in a fast and easy way.

Mega Dropdown with CSS3

Mega Dropdown with CSS3

A responsive and easy to customise mega-dropdown component.One example we can all think of is Amazon: infinite categories, each one with its own sub-categories… that’s why they currently provide an easy-to-access navigation, in the form of a mega-dropdown element on the top-left corner of the page.

Text Styles and Hover Effects with CSS3 & SVG

Text Styles and Hover Effects with CSS3 & SVG

A couple of creative text styles and hover effects for your inspiration. Some effects use experimental techniques including SVG masking and Canvas.

Light AudioPlayer with jQuery & Html5

Light AudioPlayer with jQuery & Html5

A Light AudioPlayer with HTML5, jQuery and CSS3.

cssCharts.js : jQuery Donut and Bar Charts with CSS

cssCharts.js : jQuery Donut and Bar Charts with CSS

jQuery plugin to create simple donut, bar or line charts with dom nodes. style with css.



Best jQuery websites design awards