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

    Vanilla Form : Modern & Responsive Contact Form

    Vanilla Form : Modern & Responsive Contact Form

    Vanilla Form uses JavaScript to send filled data to server using AJAX. This means, your page won’t reload after form submit. Vanilla Form was written with speed and independence in mind. It loads fast and can work without 3rd party library like jQuery. But if you want to, you can easily integrate it with any web framework you want. Vanilla Form uses standard HTML 5 form elements and makes them nicer thanks the CSS 3 style rules.

    Modularux jQuery – Responsive Grid Facetracking

    Modularux jQuery - Responsive Grid Facetracking

    ModularUX jquery plugin is an easy and customizable content grid maker, built in well-designed javascript and html5 / css3. Use a json file with your sitemap and ModularUX will do the hard work.

    Modularux divides in an easy way your web in pieces to an innovate interface with css3 animations. Is easy to use, and you can make it work for any of your webs (html, php, etc.).

    Parallax Hero Image with CSS3 3D Transforms

    Parallax Hero Image with CSS3 3D Transforms

    A full-width figure element, with floating images distributed in a 3D space.

    What you can achieve through CSS 3D Transforms is limitless. With power comes responsibility, though. There will be cases when you’ll take full advantage of CSS 3D capabilities. In most projects, though, you can just spice things up a little.

    AZSlider : jQuery CSS3 Responsive Slider with Editor

    AZSlider : jQuery CSS3 Responsive Slider with Editor

    AZSlider is a quality-designed content and image slider harnessing the power of HTML5 and the control of CSS3. AZSlider contains everything you need to build a modern, eye catching slider for your website. It’s fully responsive and multi-device friendly with touch swipe navigation in iOS and Android. AZSlider has a powerful editor relies on PHP help you create and manage slider with no code at all.

    Animatr : CSS3 animations with HTML5 data-attributes

    Animatr : CSS3 animations with HTML5 data-attributes

    Animatr is a jQuery plugin that allows you to create CSS3 animations using only HTML5 data-attributes.

    • Lay out your animation steps by time (in seconds), percentages, or both.
    • No more @keyframes or browser prefixing
    • Run multiple animations simultaneously in one element

    Useful.gallery.js : jQuery Pinboard Gallery

    Useful.gallery.js : jQuery Pinboard Gallery

    This content gallery loads content progressively using AJAX and uses CSS3 transitions for animation and positioning. The optional web service providing the content is based on PHP, but the concept can be easily reproduced in other languages.

    Animated Text Fills with CSS3 & SVG

    Animated Text Fills with CSS3 & SVG

    A tutorial on how to create various types of (animated) fills and strokes for text using different techniques including CSS and SVG.

    In this article I’m going to share my experiments and five ways to create patterned filled text. In three out of these five cases we will retain the ability to select the text. Of course we’d like to have that for every case but with some workarounds we can solve this problem, too.

    Stackbox.js : jQuery Stackable Modal boxes Plugin

    Stackbox.js : jQuery Stackable Modal boxes Plugin

    Stackbox is a jQuery plugin for creating stackable modal boxes. It’s easy to customize using CSS / LESS.For animations to work, you need to include Animate.css or some other CSS3 keyframe animation library.

    Full-screen Pushing Navigation with CSS3 & jQuery

    Full-screen Pushing Navigation with CSS3 & jQuery

    A full page menu, that replaces the current content by pushing it off the screen with CSS3 and jQuery.

    CSS3 Subtle Click Feedback Effects

    CSS3 Subtle Click Feedback Effects

    Today we’d like to explore some of these click/touch effects, using different animations. While there are many kinds of animations that can be done to provide feedback, we’re particularly interested in the subtle “tap-like” effects.

    A set of subtle effects for click or touch interactions inspired by the visualization of screen taps in mobile app showcases. The effects are done with CSS animations mostly on pseudo-elements.