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

    Replete Modal : Responsive jQuery Popup Modal

    Replete Modal : Responsive jQuery Popup Modal

    Replete Modal is a user-friendly, fully customizable, responsive jQuery popup modal to take any HTML content, including images, videos, SVG icons,forms and display it in a clean organised and responsive popup. It is easy, flexible, powerful to create professional looking popup modal. This plugin features plenty of layouts, CSS transitions, SVG Icons, and animations, 9 Position, 40+ animations, 5 Overlay, 10 Modal Layouts, 10 Modal Types, 35+ SVG Icons and much more.

    Creating Loading Buttons with SVG & Segment

    Creating Loading Buttons with SVG & Segment

    The idea that we will develop in this tutorial is basically a few loading buttons that will be able to give a feedback response, showing whether the button action succeeded or failed. To achieve the desired animations we will be using SVG and Segment mostly.

    Advanced Search Form with CSS & jQuery

    Advanced Search Form with CSS & jQuery

    A search form with advanced filtering options and quick link suggestions.Getting the search experience right is never an easy task. The starting point is always the search form, which, in most cases, consists only of an input field plus a submit button. The search results page can be tricky to design, in particular if you have different content categories.

    Awesome checkout wizard using jQuery

    Awesome checkout wizard using jQuery

    Modern design awesome checkout wizard using HTML, CSS and jQuery fully hand-coded. In this checkout wizard, you see when first step is completed than its close and up next is open as same follow with other steps.

    Pure CSS masonry layouts

    Pure CSS masonry layouts

    Pure CSS masonry layouts achieving that aesthetically pleasing staggered effect without any JavaScript.To describe it in words, an almost crazy paving effect whereby variable sized blocks of content are pieced together in an aesthetically pleasing style, often staggered.

    Mobile Material Design Cards with jQuery

    Mobile Material Design Cards with jQuery

    When someone clicks a card we move it to the center of the screen along the vertical axis. Once it reaches the center of the screen, the full card view expands from the center of the screen.

    Responsive Timeline using CSS3

    Responsive Timeline using CSS3

    I share responsive timeline, its not contain single line of javascript or jQuery code. HTML and CSS is fully hand-coded and easy to use and understand for change something according to you.

    jQuery jSon Slider, Carousel & Timeline Plugin

    jQuery jSon Slider, Carousel & Timeline Plugin

    The jSon Slider is a multi purpose jQuery plugin. We can crate slider, carousel & timeline.It is a responsive and fast-loading slider with built-in search functionality and other powerful features.

    Features:

    • Very fast-loading slider
    • CSS3 & jQuery animation
    • Carousel (Option for setting different numbers of slides for Desktop, Tablet and Mobile)
    • Testimonial, Tab & Timeline
    • Search within slides
    • YouTube and HTML5 videos in slides
    • Full screen
    • Thumbnails, bullets or HTML
    • Multiple sliders allowed on one page
    • Slides can be selected using a GET method in URl

    Elastic Circle Slideshow with CSS3 & JavaScript

    Elastic Circle Slideshow with CSS3 & JavaScript

    Today we’d like to share a very simple content slideshow with you. The idea is to have circular slides that have a playful bouncy effect when animating to the next or previous item. It’s inspired by a really nice Dribbble shot, Mobile Commerce Interface, by Bilal Mechairia.

    Zooming Grid Layout with jQuery & CSS3

    Zooming Grid Layout with jQuery & CSS3

    A simple grid layout with a zooming animation effect for showing blog posts or other content.