Best jQuery Core Java Script Plugins & Tutorials with Demo

    Funky.js : HTML5 camera video effects library

    Funky.js : HTML5 camera video effects library

    funky.js is a library used to add some funky effects and other transformations to webcam media using WebRTC and CSS filters (aka shaders).

    Currently, Firefox does not provide full support for the filter property whereas Chrome does. For this reason, the Negative and Sepia effects will not function correctly unless using Chrome.

    CountUp.js : Animates a Numerical value by Counting

    CountUp.js : Animates a Numerical value by Counting

    countUp.js is a dependency-free, lightweight JavaScript “class” that can be used to quickly create animations that display numerical data in a more interesting way.

    Despite its name, countUp can count in either direction, depending on the startVal and endVal params that you pass.

    Placeholdem : Placeholder Caret Animation with JavaScript

    Placeholdem : Placeholder Caret Animation with JavaScript

    Placeholdem is a JavaScript plugin that animates placeholder carets on inputs and textareas. The placeholder value will incrementally delete on focus, and restore on blur.

    Progress.js : A Themeable Progress Bar with JavaScript & CSS3

    Progress.js : A Themeable Progress Bar with JavaScript & CSS3

    ProgressJs is a JavaScript and CSS3 library which help developers to create and manage progress bar for every objects on the page. You can design your own template for progress bar or customize it simply. You can use ProgressJs for show the progress of loading contents (Images, videos etc.) on the page to the users. It could be used on all elements including textbox, textarea or even whole body.

    Swiper Smooth Progress plugin

    Swiper Smooth Progress plugin

    Smooth Progress is the ultra small (about 1Kb minified and gzipped) and free JavaScript plugin for iDangero.us Swiper 2.3+ that allows you add additional effects and dependencies depending on current position of Swiper and its slides in real time. The point is that now you can know about how much is far from “active” position any slide.

    bespoke-fx : CSS slide transitions with JavaScript

    bespoke-fx : CSS slide transitions with JavaScript

    bespoke-fx is a CSS slide transitions for bespoke.js.This is useful when you want to transition a single slide in a different way to other slides.

    Facebook’s Paper photo tilt feature in HTML5

    Facebook's Paper photo tilt feature in HTML5

    HTML5 clone of the photo tilt feature/gesture/ux found in Facebook’s Paper app.

    Viewport Genie : Show Real Viewport Width and Height

    Viewport Genie : Show Real Viewport Width and Height

    Adds the real viewport width and height (in px and em) as an element on the body to help with obtaining values for responsive breakpoints.

    WOW.js : Reveal CSS animation as you Scroll down a page

    WOW.js : Reveal CSS animation as you Scroll down a page

    Reveal CSS animation as you scroll down a page. By default, you should use it to trigger animate.css animations. But you can easily change the settings to your favorite animation library.

    Advantages:

    • Smaller than other javascript parallax plugins, like Scrollorama (they do fantastic things, but can be too much heavier for simple needs)
    • Super simple to install, and works with animate.css, so if you already use it, that will be very fast to setup
    • Fast execution and lightweight code: the browser will like it 😉

    Creditly.js : An intuitive Credit Card Form

    Creditly.js : An intuitive Credit Card Form

    An intuitive credit card form.Creditly.js gives you everything you need in order to create a sleek, intuitive credit card form. Just copy the html, css, and javascript to get an intuitive credit card form in seconds. You get credit card validation (using the Luhn algorithm) for free!