Best jQuery Core Java Script Plugins & Tutorials with Demo

    Pdfmake : Client/Server side PDF printing in pure JavaScript

    Pdfmake : Client/Server side PDF printing in pure JavaScript

    Pdfmake is a PDF document generation library for server-side and client-side in pure JavaScript.

    Features:

    • line-wrapping,
    • text-alignments (left, right, centered, justified),
    • numbered and bulleted lists,
    • tables and columns
      • auto/fixed/star-sized widths,
      • col-spans and row-spans,
      • headers automatically repeated in case of a page-break,
    • images and vector graphics,
    • convenient styling and style inheritance,
    • page headers and footers:
      • static or dynamic content,
      • access to current page number and page count,
    • background-layer,
    • page dimensions and orientations,
    • margins,
    • custom page breaks,
    • font embedding,
    • support for complex, multi-level (nested) structures,
    • table of contents,
    • helper methods for opening/printing/downloading the generated PDF,
    • setting of PDF metadata (e.g. author, subject).

    Freezeframe.js : Library that Pauses Animated Gifs

    Freezeframe.js : Library that Pauses Animated Gifs

    Freezeframe.js is a library that pauses animated .gifs and enables them to animate on mouse hover / mouse click / touch event, or triggered manually.

    Spotlight : Lightweight Image Gallery Plugin

    Spotlight : Lightweight Image Gallery Plugin

    Spotlight is a web’s most easy to integrate lightbox gallery library. Super-lightweight, outstanding performance, no dependencies.

    Spotlight runs out of the box:

    • No additional Javascript coding
    • No additional HTML snippets
    • No additional CSS resources
    • No additional images/assets
    • No additional handling of dynamic content and event listener

    Filerobot : JavaScript Image Editor

    Filerobot : JavaScript Image Editor

    he Filerobot Image Editor is the easiest way to integrate an easy-to-use image editor in your web application. Integrated with few lines of code, your users will be able to apply basic transformations like resize, crop, rotate and various filters to any image. Once edited, the Image Editor will return an URL to the resulting image and deliver it rocket fast over CDN all around the World.

    Pinker : JavaScript library for Rendering Code Dependency Diagrams

    Pinker : JavaScript library for Rendering Code Dependency Diagrams

    Pinker is a standalone JavaScript library for rendering code dependency diagrams on your web page.Pinker is a standalone JavaScript library for rendering code dependency diagrams on your web page.Pinker gives the user control over the layout of the diagram, so you can render more complicated diagrams.

    Supports: UML diagrams, nested scopes, arrows crossing scopes, and aliases.

    Draggable Image Strip with TweenMax

    Draggable Image Strip with TweenMax

    A draggable image strip layout with a content preview powered by Draggabilly and TweenMax.. The idea is to show a strip of differently sized images that can be dragged. When clicking and holding to drag, a title element appears and the images get scaled. This separates the images and gives the whole thing an interesting look. When a number gets clicked, the same separation happens and then the images fly up. Another larger version of the images slides in from the bottom.

    Handtrack.js : Realtime Handtracking in the Browser

    Handtrack.js : Realtime Handtracking in the Browser

    Handtrack.js is a library for prototyping realtime hand detection (bounding box), directly in the browser. Underneath, it uses a trained convolutional neural network that provides bounding box predictions for the location of hands in an image. The convolutional neural network (ssdlite, mobilenetv2) is trained using the tensorflow object detection api .

    Zdog : A Pseudo-3D Engine for Canvas and SVG

    Zdog : A Pseudo-3D Engine for Canvas and SVG

    Zdog is a 3D JavaScript engine for <canvas> and SVG. With Zdog, you can design and render simple 3D models on the Web. Zdog is a pseudo-3D engine. Its geometries exist in 3D space, but are rendered as flat shapes.

    Zdog uses the same principle. It renders all shapes using the 2D drawing APIs in either <canvas> or <svg>. Spheres are actually dots. Toruses are actually circles. Capsules are actually thick lines. It’s a simple, but effective trick. The underlying 3D math comes from Rotating 3D Shapes by Peter Collingridge.

    Tornis : JavaScript library that Watches and Respond to Browser ViewPort

    Tornis : JavaScript library that Watches and Respond to Browser ViewPort

    Taking its name from the forest watchtowers of Latvia, Tornis is a minimal JavaScript library that watches the state of your browser’s viewport, allowing you to respond whenever something changes.Tornis currently tracks state for:

    • Mouse position
    • Mouse cursor velocity
    • Viewport size
    • Scroll position
    • Scroll velocity

    Creating Grid-to-Fullscreen Animations with Three.js

    Creating Grid-to-Fullscreen Animations with Three.js

    Learn how to create thumbnail to fullscreen animations for image grids using Three.js.In this tutorial we want to look at how to create some interesting grid-to-fullscreen animations on images. The idea is to have a grid of smaller images and when clicking on one, the image enlarges with a special animation to cover the whole screen. We’ll aim for making them accessible, unique and visually appealing. Additionally, we want to show you the steps for making your own.