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

    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.

    Material Photo Gallery

    Material Photo Gallery

    A vanilla javascript photo gallery plugin inspired by Google Photos.

    Presentation Slideshow with CSS & jQuery

    Presentation Slideshow with CSS & jQuery

    A simple presentation template in CSS and jQuery.The easiest way is to use keyboard arrow keys (for devices that have them). However we had to take into account that all other interactions (click, scroll…) had to work as well when building something for the web.

    Material Design Color Palette : LESS/CSS Toolkit

    Material Design Color Palette : LESS/CSS Toolkit

    Material Design Color Palette is a LESS/CSS toolkit for easily usage material colors by Google in websites.This color palette comprises primary and accent colors that can be used for illustration or to develop your brand colors. They’ve been designed to work harmoniously with each other.