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

2 Blocks Template with CSS3 & jQuery

2 Blocks Template with CSS3 & jQuery

A template split in 2 animated blocks of content, inspired by dropbox.com/guide.

On bigger devices, the content is split in two main containers. When the user surfs through the content using the navigation, new content overlaps the old one. On smaller devices, we have a simple gallery of projects, with a slide-in panel containing additional project information.

Transitioning Buttons with CSS3 & JavaScript

Transitioning Buttons with CSS3 & JavaScript

Transitioning Buttons is a collection of flat buttons that morph into components. The examples show different types of components, i.e. fullscreen overlay, modal window and many more. The buttons are easy to integrate, customize and are fully responsive. The collection comes with six color themes including a quick setup guide.

jcSlider : jQuery Responsive Slider with CSS Animations

jcSlider : jQuery Responsive Slider with CSS Animations

A responsive slider jQuery plugin with CSS animations.This plugin does not use jQuery animations. Only CSS3, because performance matters. No need to calculate distances, sizes or whatever, only add and remove classes to elements to animate them. It couldn’t be easier!

  • Only 1 js file
  • 1Kb minified
  • Responsive
  • Multiple effects (more than 60!)
  • Works with html, images… whatever you want to animate

iHover : Collection of Hover Effects with CSS

iHover : Collection of Hover Effects with CSS

iHover is a collection of hover effects using pure CSS, inspired by codrops article, powered by Sass.

  • Pure CSS!
  • Sass CSS
  • Modular code
  • Bootstrap compatible (Bootstrap is not needed though)
  • Well documented

All Animation : jQuery CSS3 Multiple Animation Plugin

All Animation : jQuery CSS3 Multiple Animation Plugin

All Animation.css is a set of animations, fun to let your sexiest project. They are cross-browser animations but that will emphasize your pages as sliders, 3D effects’s.

CSS3 Hovers Effects for Links & Buttons

CSS3 Hovers Effects for Links & Buttons

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG and so on. Easily apply to your own elements, modify or just use for inspiration. Available Sass and LESS.

  • 45 unique effects
  • friendly mobile device
  • CSS3 animations
  • LESS/SCSS/SASS
  • Lightweight and flexible
  • Easy theme customization

Animated Sign Up Flow with CSS3 & jQuery

Animated Sign Up Flow with CSS3 & jQuery

A pricing table that animates into a sign up form once the user selects a plan.

In most cases, you’ll redirect your users to a sign up page. However, if your checkout process is quite simple, an alternative approach would be to animate the pricing table, and show the checkout form right away, in the same page.

Detecting CSS Animation & Transition End with JavaScript

Detecting CSS Animation & Transition End with JavaScript

Detecting the end of CSS animation and transition could be useful if you want to back up some of your JavaScript behavior on CSS.

Responsive Bootstrap Sidebar Navigation

Responsive Bootstrap Sidebar Navigation

HOE Navigation Menu consist of both Horizantal and Vertical navigation menu based on CSS3 and Jquery. Its lightweight and compatible with almost all major browsers and devices. It supports four levels sub menu with shrink, Overlay and push effect.

Features:

  • Fully Responsive ready for Desktop, Tablets and Mobile
  • Multiple Color options
  • Bootstrap based
  • Options to choose Sidebar Navigation or horizontal navigation

Enhance.js : Zoom & dynamically Crop Images

Enhance.js : Zoom & dynamically Crop Images

A simple jQuery plugin for image zooming – now with support for object-fit/object-position, powered by Velocity.js animations, complete with some pre-defined image cropping classes.



Best jQuery websites design awards