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

    Jvfloat.js : jQuery plugin to emulate Floating Placeholder Text

    April 23, 2014 | CSS2 / CSS3.0, Forms, Plugins
    Jvfloat.js : jQuery plugin to emulate Floating Placeholder Text

    jQuery and Zepto plugin to emulate the behavior of JVFloatLabeledTextField which based on the concept from Matt D. Smith.

    JVFloat uses CSS3 Transform and Transitions to perform the animations by default. Browsers that doesn’t support those will simply doesn’t show anything when user typing on the input elements. to fix that, enable/uncomment the legacy rules on the default CSS file, and comment out the CSS3 rules.

    Read More Demo

    UtilCarousel Responsive jQuery Carousel Plugin

    April 22, 2014 | Carousel, CSS2 / CSS3.0, Plugins, Premium, Responsive
    UtilCarousel Responsive jQuery Carousel Plugin

    UtilCarousel is a fully responsive jQuery carousel plugin with super smooth hardware accelerated transitions.

    Features:

    • Fully responsive in tow mode: breakpoints and item width range.
    • Super smooth hardware accelerated CSS3 transitions with jQuery fallback.
    • Touch , drag , mousewheel , pagination , navigation all enable.
    • 9+ builded in modern skins , ready to use and easy to customize!
    • Touch-enable ,Works in IE7+(the skins work on ie8+) and on Android and iPhone
    • Over 24 plugin options.
    • Developer aip and callbacks.
    • Unlimited carousels that can have any content.
    • Advanced options for responsive (itemless,itemWidthRangeConflict,rangeCaculate).
    Read More Demo

    Responsive Bootstrap MegaMenu with jQuery & CSS3

    April 22, 2014 | Bootstrap, CSS2 / CSS3.0, Menus, Responsive
    Responsive Bootstrap MegaMenu with jQuery & CSS3
    Mega Menus allow you to see all the features available to the user at one shot and dont require users to drill down into further sub navigation as needed.
    Bootstrap Megamenu are common on e-commerce sites because they typically include a lot of categories of different products, and so megamenu can be always very useful for visitors & users.

    Read More Demo

    MixItUp 2 : jQuery Animated Filtering & Sorting Plugin

    April 14, 2014 | CSS2 / CSS3.0, Gallery, Plugins, Responsive
    MixItUp 2 : jQuery Animated Filtering & Sorting Plugin

    MixItUp is a jQuery plugin providing animated filtering and sorting.

    MixItUp is great for managing any categorized or ordered content like portfolios, galleries and blogs, but can also function as a powerful tool for engaging application UI and data-visualisation.MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts.

    Rather than using absolute positioning to control layout, MixItUp is designed to work with your existing inline-flow layout. Want to use percentages, media queries, inline-block, or even flex box? No problem!

    Read More Demo

    Slick : jQuery Fully Responsive Carousel Plugin

    April 14, 2014 | Carousel, CSS2 / CSS3.0, Plugins, Responsive
    Slick : jQuery Fully Responsive Carousel Plugin

    Slick is a jQuery fully responsive carousel plugin.

    Features:

    • Separate settings per breakpoint
    • Uses CSS3 when available. Fully functional when not.
    • Swipe enabled. Or disabled, if you prefer.
    • Desktop mouse dragging
    • Infinite looping.
    • Fully accessible with arrow key navigation
    • Add, remove, filter & unfilter slides
    • Autoplay, dots, arrows, callbacks, etc…
    Read More Demo

    Sticker.js : Javascript library to Create a Sticker Effect

    April 13, 2014 | Core Java Script, CSS2 / CSS3.0
    Sticker.js : Javascript library to Create a Sticker Effect

    A Javascript library that allows you to create a Sticker Effect.It creates the necessary HTML elements in the target and add the sticker effect using CSS3.

    Read More Demo

    jQuery WebRating Plugin

    April 12, 2014 | CSS2 / CSS3.0, Plugins, Web
    jQuery WebRating Plugin

    jQuery webrating plugin.

    Features:

    • Easy to configure
    • Precision upto 0.01
    • Use stars, hearts, smiles or your logo
    • Integrate with your own database
    • CSS based coloring
    • Customized toop-tip option
    • Callback functions on click & hover
    • Limit number of clicks per page view
    • Use cookies to limit clicks per visitor
    Read More Demo

    Theme Slider : jQuery FullScreen Touch Slider Plugin

    April 11, 2014 | Animation, CSS2 / CSS3.0, Plugins, Premium, Responsive, Slider
    Theme Slider : jQuery FullScreen Touch Slider Plugin

    Modern Touch-Enabled FullScreen Slider with Unlimited Layers and Animations.

    Features:

    • Responsive, Mobile-Friendly with Touch/Swipe Support
    • 91 Predefined Layer Positions, 650+ Font Styles (Google Fonts), 360+ Icons (Font Awesome Icons)
    • Unlimited Layers, Sublayers, Text Layers, Transitions, All of Them should be Animated
    • Compatible with All Major Browsers
    • Custom YouTube Player with Additional Options (Autoplay, Resize to Fit to the Screen, Loop, Hide Control Bar)
    • Customizable Animation Time, Delay for Each Main Slide, Sublayer, Text Layer, Custom Options for Text Animations
    • 80+ Animation Types, combined with Easing Effects you can create more than 300 Unique Animations
    • 10+ Main Slider Animations with Hardware Accelerated CSS3 Technology
    • 30+ Text Animations
    • 10+ Sublayer Animations with in and out animations including random type
    • 30+ Easing Effects
    • AutoPlay, Control Options (color, position for global or each slides)
    • Integrated Preloader with 5 custom animations
    Read More Demo

    Line.js : jQuery Plugin for Line based CSS effects

    April 6, 2014 | CSS2 / CSS3.0, Plugins
    Line.js : jQuery Plugin for Line based CSS effects

    A JQuery based plugin in its baby steps for easy to implement, line based, CSS effects.

    Attempts to make this type of effect easier to implement by reducing the amount of HTML required as code required for this effect is appended to the DOM on load.

    Read More Demo

    Puerto – CSS3 Responsive Mega Menu

    April 6, 2014 | CSS2 / CSS3.0, HTML5, Menus, Premium, Responsive
    Puerto - CSS3 Responsive Mega Menu

    Puerto – Responsive Mega menu: is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. CSS is separate from HTML and is well commented. Menu has two similar layout and eight colors, each theme can be used separately without any connection with the others. Menu is responsible and adapts to the screen of the device(computer monitor, tablet, mobile phone…). Menu also has five different animation.

    Read More Demo