Best jQuery Core Java Script Plugins & Tutorials with Demo

    AnimSequence : Simple Animation Controller with Timeline

    AnimSequence : Simple Animation Controller with Timeline

    AnimSequence is a simple lightweight library for high performance animation in a web page, make preparations for each frame and call the frames with optimized timeline for animation.

    Sgvizler2 : Javascript wrapper for Visualisation of SPARQL Result Sets

    Sgvizler2 : Javascript wrapper for Visualisation of SPARQL Result Sets

    Sgvizler2 is a javascript wrapper for easy visualisation of SPARQL result sets (and a jQuery plugin).

    PlainDraggable : JavaScript Library to Drag HTML/SVG Element

    PlainDraggable : JavaScript Library to Drag HTML/SVG Element

    PlainDraggable  is a simple and high performance library to allow HTML/SVG element to be dragged.

    Features:

    • Accept HTML/SVG element as an element that comes to be draggable.
    • Restrict the draggable area.
    • Snap the draggable element to other elements, points, lines, consecutive points (i.e. grid) or something.
    • Use requestAnimationFrame API, translate and will-change CSS if possible, for high performance.

    LeaderLine : Draw a leader line with SVG & JS

    LeaderLine : Draw a leader line with SVG & JS

    LeaderLine is a script that draw a leader line in your web page with svg and javascript.

    Expanding Grid Item Animation with CSS & JS

    Expanding Grid Item Animation with CSS & JS

    Today we’d like to share a simple implementation of a grid animation with you that is based on the Dribbble shot. When a grid item is clicked, the background and the thumbnail are scaled up and moved to their fullscreen position. While the Dribbble shot is an animation for the mobile phone, we thought we could explore this concept for the desktop, too. We are using anime.js by Julian Garnier.

    KoolChart : HTML5 CANVAS based Charting Solution

    KoolChart : HTML5 CANVAS based Charting Solution

    HTML5 CANVAS-based charting solution with excellent performance Works on all HTML5-supported browsers With a single development effort, the chart layout and style can be used on multiple devices.

    • 30 essential chart types, which is the most numerous provided in a single package.
    • Brilliant 2D and 3D charts with animation effects.
    • 400 ready-to-use sample charts are pre-packaged by default.
    • Customize styles, themes, tooltips, axes, labels, user-defined JavaScript functions, etc.
    • Simulate charts with Data Editor.

    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.