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

Percircle : CSS Percentage Circle with jQuery

Percircle : CSS Percentage Circle with jQuery

Percircle is a jquery plugin to make animated css Percentage Circle.

Colofilter.css : Duotone Filters made with CSS

Colofilter.css : Duotone Filters made with CSS

Those colorful filters uses css blend modes and were heavily inspired by Spotify new 2015 ads.
This technic is called “DuoTone”, and today, with the power of CSS we can play around with some blend-modes properties, to get some cool visual results.

Lollipop Effect Click with jQuery & CSS3

Lollipop Effect Click with jQuery & CSS3

Probably you have noticed that ripple effect (known as ” ripple ” ) when you click any element in your android .

Now you can implement it in your application very quickly .

React Text Gradient Effect

React Text Gradient Effect

A React component that creates text gradients with CSS, including a SVG fallback.

  • Uses CSS gradients when possible (Chrome, Safari, iOS, android).
  • Uses SVG as fallback on Firefox.
  • The text remains as fluid text (never replaced with svg).
  • Font size, family, weight, etc… controlled by CSS as normal.

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.