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

ImageLinks : jQuery Interactive Image

ImageLinks : jQuery Interactive Image

ImageLinks is a lightweight solution for creation interactive images. With this plugin you are able to easily make an interactive image for your site that empowers publishers and bloggers to create more engaging content by adding rich media links to photos.

  • 2 Predefined Themes – included 2 skins (default & dark), you can create your own theme containing custom colors, fonts, and effects by starting with a built-in themes and changing its settings
  • CSS3 Animations – over 100+ CSS3 animations are available to give some stunning effects
  • Build with LESS – LESS and CSS files included
  • Cross-Browser – supports for all major browsers, including touch-screen devices and mobile devices

Isometric and 3D Grids with CSS3

Isometric and 3D Grids with CSS3

Today we’d like to share some isometric grid styles with you. The inspiration comes from the Hotchkiss website where an isometric, scrollable grid is shown with some cool hover effects. In our first experiment we created a scrollable grid just like the one seen on that site, with some hover effects that involve random rotations. The second demo shows some ideas for “static” grids that are not scrollable but that serve more kind of a decorative purpose.

Animated CSS3 Input Checkbox with Checkbox.css

Animated CSS3 Input Checkbox with Checkbox.css

A tiny set of CSS3 animations for your input checkboxes.

Animated Transition Effects with CSS & jQuery

Animated Transition Effects with CSS & jQuery

A library of animated transition effects, powered by CSS Animations.A few weeks ago we published a tutorial about how to create an Ink Transition effect using a PNG sprite and the steps() CSS timing function. That resource has since become one of the most popular here on CodyHouse, therefore we decided to team up with talented motion designer Gabriele Mellera to create a small library of transition effects!

Multi-Layered Parallax Illustration with CSS & Javascript

Multi-Layered Parallax Illustration with CSS & Javascript

In this tutorial we will learn how to create a simple multi-layered illustration with depth that transitions into the content in a unique way. We’ll be using a technique that involves CSS and pure JS (no jQuery!).

Auto Inherit Bootstrap Theme Vertical Sidebar

Auto Inherit Bootstrap Theme Vertical Sidebar

It is a ready to use component in any bootstrap website. It consists of a vertical navigation menu based on css3 and jQuery.

Features:

  • Fully Resposive on all screens; Desktop, Tablet, Mobile
  • Same Code for all devices and platforms
  • Multiple Level Dropdown Menu (Unlimited)
  • Glyphicons – Bootstrap version 3.3.5
  • Inherit any theme look
  • Collapsible Mobile Menu

Timon : jQuery Step Form Wizard

Timon : jQuery Step Form Wizard

With Timon – Step Form Wizard you will have power combo of 21 different styles, 8 different transition effects, validation in your step form, titles and subtitles with multiple step. , also Timon – Step Form Wizard has predefined set of form sizes from tiny to large. You can easily create and customize any form to fit your needs.

Features:

  • Step navigation
  • Fully responsive
  • Many options for design and function
  • Can be used for tabs
  • Step navigation
  • 21 Style
  • 8 transition effect

Rippleria : jQuery Ripple effect Plugin

Rippleria : jQuery Ripple effect Plugin

A lightweight yet customizable jQuery plugin for implementing Material Design inspired ripple click / tap effects using CSS3 animations.

Select.js : Styleable Select Elements

Select.js : Styleable Select Elements

Select.js is a Javascript and CSS library for creating styleable select elements. It aims to reproduce the behavior of native controls as much as is possible, while allowing for complete styling with CSS.

SlideMenu : jQuery Responsive Sliding Menu

SlideMenu : jQuery Responsive Sliding Menu

SlideMenu is a solution for creation responsive slide navigations. It supports show and hide CSS3 animations, unlimited slides, custom themes and multiple instances. The plugin can be deployed easily. It runs on all modern browsers and mobile devices. You can customize the plugin by adding CSS or LESS code to the themes and also changing settings.

  • Unlimited Number of Slides – you can use unlimited numbers of submenus
  • CSS3 Animations – over 60+ CSS3 animations are available to give some stunning effects to the menu
  • 5 Predefined Themes – included 5 skins, you can create your own theme containing custom colors, fonts, and effects by starting with a built-in themes and changing its settings
  • Build with LESS – LESS and CSS files included


Best jQuery websites design awards