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

Material Modern Chat with CSS & jQuery

Material Modern Chat with CSS & jQuery

Material Modern Chat is based on HTML and CSS and is inspired by Hangouts’s Chat Layout. If you have a working chat application or planning to make a new then it is for you.

  • 4 color theme
  • Flexible responsive
  • Elegant and clean design
  • Easy to implement, customize and style
  • Well Coded and Documented

FlexTabs : jQuery Responsive Tabs to Accordion

FlexTabs : jQuery Responsive Tabs to Accordion

FlexTabs a Clean tabs is a CSS3 and jQuery completely responsive navigation tabs are made for any occasion and easy implementation with quick customization possibilites.

If you wish to spice up your corporate website, blog, ecommerce site or a message board, with Tabbed it’s easy to show any content, video, price or data tables, form or other elements.

Animated Menu to Cross Icon with CSS3 & jQuery

Animated Menu to Cross Icon with CSS3 & jQuery

The project Menu-to-cross-icon is a project made to show people different ways to create a “Menu icon” that switch into a “cross icon” ( ☰ -> ✖ ) .

Some techniques use vanilla javascript, some uses jQuery and some are powerd by CSS only!

Material Design Shape Slider with jQuery & SVG

Material Design Shape Slider with jQuery & SVG

Get your geometry on with this Material Design inspired shape slider. Developed with SVG shapes and CSS transforms.We’re using SVG’s to draw each shape you see on the left side of the screen. When a shape is clicked we transform the shape with CSS and simultaneously transform the content container to show the correct content for the shape that was clicked.

Reading Progress Indicator in SVG, CSS & jQuery

Reading Progress Indicator in SVG, CSS & jQuery

A widget containing a list of suggested articles, with a reading progress indicator powered by SVG, CSS and jQuery.

Interactive Bar Graph with CSS & jQuery

Interactive Bar Graph with CSS & jQuery

An interactive bar graph packed with animations and information. Built with CSS and jQuery.

Dynamic CSS3 max height plugin for jQuery

Dynamic CSS3 max height plugin for jQuery

This is a jQuery plugin to dynamically check a layer height and compare it to a custom height value. If layer height is higher than that custom value (data-maxheight), a “show more” button and a bottom gradient will appear.

Material Design Slider Animation with CSS3

Material Design Slider Animation with CSS3

A Material Design inspired slider with effective communicating animations.Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.

Ultimate Grid Pro with HTML5 & JavaScript

Ultimate Grid Pro with HTML5 & JavaScript

Ultimate Grid Pro is indeed the ultimate responsive multimedia grid builder packed with an insane set of features that allows to create unlimited, filterable / sortable multimedia portfolios, product swhowcase, image galleries with unlimited possibilities. It includes five grid types with vertical or horizontal layout variation (dynamic, classic, masonary, flexible and infinite) that allow to display various multimedia content in a highly customizable way. It runs on all major browsers with support for older browsers like IE8 and mobile devices like iPhone, iPad, IOS, Android or Windows mobile.

Responsive layout. Five grid layouts included with vertical and horizontal variation (dynamic, masonry, classic, flexible and infinite).

Flipside : CSS3 Animated Confirmation Popup

Flipside : CSS3 Animated Confirmation Popup

Flipside is a button that seamlessly transitions from action to confirmation.