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

    SolidMenu+ : jQuery Responsive Mega Menu

    SolidMenu+ : jQuery Responsive Mega Menu

    Create an Ultra Responsive yet Beautiful MegaMenu navbar for your next site. It uses CSS3 Animations and provides a modern style navigation look and feel in your website.

    These sets of Responsive Mega Menu utilizes the Standard “navbar” framework from Bootstrap 3.0. It can work on Fixed and Responsive Layout.

    • 100% Responsive, Works on All Devices
    • One Code: Works in All Devices
    • Beatiful Look and Feel
    • Bootstrap Navbar Framework
    • Bootstrap Drop Down Menu
    • Bootstrap 12-Column Grid Based, Compatible with BootStrap 3.0+
    • Line Icons Included, Vector Icons
    • Custom Widgets, Carousels, Images, Google Map, Sliders
    • Very light weight, No image needed
    • Easy Integration for your Web Projects
    • Varieties of Pure CSS3 Animations

    Expand Table Rows Using jQuery HTML And CSS

    Expand Table Rows Using jQuery HTML And CSS

    In this tutorial we will show you how to expand table rows using jQuery, HTML and CSS when user clicks on a row a box with some additional details will show and when user again clicks on that row box will hide.You may also like pricing table using HTML and CSS.

    Stripe.com Navigation in CSS & jQuery

    Stripe.com Navigation in CSS & jQuery

    A morphing dropdown that animates according to the size of its content.A few weeks ago stripe.com launched a new website design. It looks awesome. One thing we dig in particular is the morphing navigation dropdown: instead of hiding and showing a new dropdown “container” when the user switches from one navigation item to the other, they animate the dropdown background to make space for different content sizes.

    Wenk : Lightweight Pure CSS Tooltip

    Wenk : Lightweight Pure CSS Tooltip

    Wenk is a Lightweight tooltip available in pure CSS, cssnext using PostCSS, Less or SCSS. The minified version is just 701 bytes when gzipped. It can easily be styled using data-* attributes or classes. By default the tooltip will adjust to fit the content.

    WidgetPop : CSS Multipurpose Ready-made Popup Templates

    WidgetPop : CSS Multipurpose Ready-made Popup Templates

    WidgetPop is a modern intuitive HTML5 CSS3 multipurpose Popup to convert website visitors into prospect leads. The WidgetPop is responsive and works in all modern devices and browsers from mobile to desktop.

    • HTML5 + CSS3
    • Responsive Design
    • Easy Customisation
    • Unlimited Color schemes

    ViewScroller.js : jQuery Fullpage website Scrolling

    ViewScroller.js : jQuery Fullpage website Scrolling

    ViewScroller.js is a  small and easy to use solution that allows you to create fullpage scrolling websites.

    It uses CSS3 transitions and jQuery animations depends on browser abilities. It’s important because some old browsers like IE8 has no CSS3 support.

    Text-Spinners : Pure CSS Inline Loading Indicators

    Text-Spinners : Pure CSS Inline Loading Indicators

    Pure text, CSS only, font independent, inline loading indicators.

    Transition Effect with CSS Masks

    Transition Effect with CSS Masks

    Today we’d like to show you how to create an intriguingly simple, yet eye-catching transition effect using CSS Masks. Together with clipping, masking is another way of defining visibility and composite with an element. In the following tutorial we’ll show you how to apply the new properties for a modern transition effect on a simple slideshow. We’ll be applying animations utilizing the steps() timing function and move a mask PNG over an image to achieve an interesting transition effect.

    Choreographer.js : JavaScript Library for Complex CSS Animations

    Choreographer.js : JavaScript Library for Complex CSS Animations

    Choreographer.js is a simple library to take care of complex CSS animations.

    Tingle.js : JavaScript Modal Plugin

    Tingle.js : JavaScript Modal Plugin

    Tingle is a minimalist and easy-to-use modal plugin written in pure JavaScript.

    • No dependencies required
    • Fully customizable via CSS
    • CSS transitions
    • Simple API
    • No extra files to download
    • Created with UX in mind