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

    Animated Intro Section with CSS3

    Animated Intro Section with CSS3

    A collection of fancy text effects, to animate the tagline and action buttons of your website intro section.

    Effect Ideas for Card Stacks with CSS3

    Effect Ideas for Card Stacks with CSS3

    Today we’d like to share some inspiration for card effects with you. The idea is to animate the top element of a stack by clicking on an accept or reject button. We’ve used this Tinder-like example to show some symmetric and complementing pairs of effects, but these kind of animations can fit into many scenarios involving all kinds of card stacks that don’t necessarily have a dual logic.

    30 CSS Hover Effects For Buttons

    30 CSS Hover Effects For Buttons

    I have created 30 CSS button hover effects that uses only CSS for the animation. In this tutorial I will only explain how the sixth example works. You can view the code for the rest of the buttons by downloading the source code.

    Forms Plus: JS – Forms Framework

    Forms Plus: JS - Forms Framework

    With Forms Plus you will have power combo of 8 designs, a lot of color themes, multiple styles for each design, tabs, steps, ajax and validation in your form, titles and subtitles with multiple styles and positions. Forms Plus contains lots of form elements with different states (required, disabled, error) and animation effects, also Forms Plus has predefined set of form sizes from tiny to large. You can easily create and customize any form to fit your needs.

    Chart.css : Simple CSS Chart System

    Chart.css : Simple CSS Chart System

    A CSS based chart system for building vertical and horizontal charts.

    Login & SignUp form using Material Design & jQuery

    Login & SignUp form using Material Design & jQuery

    In this tutorial, I’m going to explain you how to design a simple login and registration form using Material Design.

    Page Stack Navigation with CSS3 & JavaScript

    Page Stack Navigation with CSS3 & JavaScript

    A template for a simple page stack navigation based on the Dribbble shot by Ilya Kostin, Stacked navigation.The idea is to show a navigation when clicking on the menu button and transform all pages in 3D and move them to the bottom of the viewport. The next two pages are shown in the back of the current page as a stack. When clicking on a menu item, the respective page comes up.

    Project Cards Template in CSS & jQuery

    Project Cards Template in CSS & jQuery

    A portfolio template with expandable projects and a full-page navigation inspired by Primer app.

    Simple Lightbox : Touch-Friendly Image Lightbox with jQuery

    Simple Lightbox : Touch-Friendly Image Lightbox with jQuery

    Simple Lightbox is a touch-friendly image lightbox for mobile and desktop with jQuery.

    Features:

    • Responsive
    • Touch-friendly
    • Lightweight
    • Preloading next and previous image
    • Android, iOS and Windows phone support
    • CSS3 Transitions with fallback for older browsers
    • Keyboard support
    • Easy to install, easy to use
    • Lots of options
    • Can use jQuery 1.x or 2.x

    Effect Ideas for Image Grids with jQuery & CSS

    Effect Ideas for Image Grids with jQuery & CSS

    Today we’d like to share some inspiration for image grid effects. The idea is to animate the grid item when opening it, the other grid items’ disappearance and the new content. The content shown can be anything from just the larger version of the image and a title (think image gallery) or something like an album view. The common effect to all is the animation of the clicked grid image: we move it to the desired spot, scale it up and then replace it with a larger version. This creates a direct flow between the grid and the other (full) view.