Best jQuery Core Java Script Plugins & Tutorials with Demo

    Emergence.js : Detect Element Visibility in the Browser

    Emergence.js : Detect Element Visibility in the Browser

    Emergence.js is a lightweight, high-performance JS plugin for detecting and manipulating elements in the browser. It gives the developer the freedom to use their own CSS or JS to determine what happens; whether it’s animation or a change in state. It leverages HTML5 data-* attributes instead of classes for ease and developer clarity. Emergence.js is one of the lightest and most compatible plugins of its kind.

    Simple 3D Carousel with JavaScript

    Simple 3D Carousel with JavaScript

    Simple 3D Carousel is a image carousel slider plugin that allows to display normal images (jpg or jpeg) or images with transparency (png) with an unique original layout from a 3D perspective. It’s perfect for any kind of presentation, for anyone that wants to deliver a great impact to thier visitors. It runs on all major browsers and mobile devices like iPhoneiPadIOSAndroid and Windows. When a thumbnail is clicked you can choose to do nothing or open a new web page. Simple 3D Carousel has high performance using OOP code and the latest CSS techniques, ready for mobile with swipe, very flexible, easy to setup and extremely customizable.

    Pasition : Path Transition with JavaScript

    Pasition : Path Transition with JavaScript

    Pasition is a path transition with little JS code, render to anywhere.

    Micromodal : Lightweight JavaScript Modal Library

    Micromodal : Lightweight JavaScript Modal Library

    Micromodal.js is a lightweight, configurable accessible modal library written in pure JavaScript. The aim of this library is to make modal dialogs accessible and easy to include in your project with minimum configuration. It’s only 1.9kb minified and gzipped – A tiny library for big change.

    Google Places Reviews – Javascript Plugin

    Google Places Reviews - Javascript Plugin

    Google Places Reviews is a Javascript plugin for displaying Google Place reviews on a webpage. Reviews of multiple locations can also be displayed in a single page with this plugin.

    T-Scroll : JavaScript library to Animate Elements on Scroll

    T-Scroll : JavaScript library to Animate Elements on Scroll

    T-Scroll is a JavaScript library for applying animation when an element is visible in the viewport. It is equipped with a handful of options and preset animations.

    MonetizeJS : JavaScript library to implement Payment Gateway

    MonetizeJS : JavaScript library to implement Payment Gateway

    MonetizeJS is a JavaScript library to implement Stripe easily; as easy as using jQuery.

    Sticky Sidebar : jQuery Smart and high performance Sticky Sidebar

    Sticky Sidebar : jQuery Smart and high performance Sticky Sidebar

    Sticky Sidebar is a pure JavaScript plugin for making smart and high performance sticky sidebar, works with sidebar if it’s taller or shorter than the viewport, integrated with resize sensor to re-calculate the dimensions automatically when the size of sidebar or its container is changed, supports jQuery/Zepto.

    Liquid Distortion Effects with JavaScript

    Liquid Distortion Effects with JavaScript

    Today we’d like to share an interesting distortion effect with you. The main concept of this demo is to use a displacement map in order to distort an underlying image, giving it different types of effects. To demonstrate the liquid-like transitions between images, we’ve created a slideshow.We’ll be using PixiJS as our renderer and filtering engine and GSAP for our animations.

    PDF Viewer – Javascript Plugin

    PDF Viewer - Javascript Plugin

    PDF Viewer is a Javascript plugin for embedding PDF files on a webpage. It is coded in pure Javascript, and does not require jQuery to work. So you can use this in AngularJS or ReactJS applications also.

    Features:

    1. Embed a PDF document in a HTML element of your specified width
    2. Embed multiple PDF documents in a single page
    3. “Previous” & “Next” buttons to move to previous and next pages of the PDF
    4. Loading progress bar will be seen while PDF is being rendered
    5. “Full Screen” button to render the PDF in full-screen mode
    6. “Download” button to download the PDF