Best jQuery Core Java Script Plugins & Tutorials with Demo

    atrament.js : JS library for beautiful Drawing

    atrament.js : JS library for beautiful Drawing

    Tiny JS library for beautiful drawing and handwriting on the HTML Canvas.Atrament is a lightweight library that enables the user to draw smooth, natural drawings and handwriting on the HTML canvas. The algorithm was originally developed about 2 weeks after I started learning JavaScript, as I wanted to build a collaborative drawing space on the web, which ended up being 1WALL. 

    Resizable Multicolor Countdown

    Resizable Multicolor Countdown

    This tool is the the timers which comes with flipping animation. You can adjust the color of the back panel so that it has changed over time. Or you can use a static color. The colors are set to digits, the rear panel and signatures. It uses vector data to draw the digits and the panels of the countdown, there is no change in the quality of the displayed drawings when it gets resized.

    Features:

    • Resizable
    • Changes color over time
    • Editable colors.

    Algebrite : Computer Algebra System in Javascript

    Algebrite : Computer Algebra System in Javascript

    Algebrite is a Javascript library for symbolic mathematics (actually, mostly coffeescript resulting in Javascript) keeping the code as simple as possible in order to be comprehensible and easily extensible.

    Popper.js : Easily position Tooltips & Popovers

    Popper.js : Easily position Tooltips & Popovers

    Popper.js is a library used to create poppers in web applications. Popper.js is built from the ground up to being modular and fully hackable customizable. It supports a plugin system you can use to add particular behaviors to your poppers.

    Detectr.js : JS Library to write Clever CSS Selectors

    Detectr.js : JS Library to write Clever CSS Selectors

    This plugin is a very small javascript library which gives you the ability to write clever and specific CSS rules to refine your website design for each different browser, platform, device and operating system.

    FancyGrid : jQuery Grid library

    FancyGrid : jQuery Grid library

    FancyGrid is JavaScript grid library with charts integration and server communication.

    Massive number of features: Paging, Sorting, Ajax data, Files data, REST communication with server, Integration (data binding) with charts, Theming, Touch Support, AngularJS directive and more.

    Voxel.css: Easy 3D CSS Libarary

    Voxel.css: Easy 3D CSS Libarary

    Voxel.css makes it easy to render 3D. It supports all image types and includes GPU acceleration and CSS3 transitions.

    Interactive Animated SVG Drum Kit

    Interactive Animated SVG Drum Kit

    Today we’re going to create an animated SVG drum kit that can be played by clicking, tapping or using your keyboard, and that can also be programmed to play by itself! We’ll be making use of GreenSock’s TweenMax animation library, jQuery and the <audio> element.

    Spring Loaders with Rebound and Canvas

    Spring Loaders with Rebound and Canvas

    A tutorial on how to create a loading spinner made with inscribed polygons and animated with Rebound spring motion.

    Tone.js : JavaScript Web Audio framework

    Tone.js : JavaScript Web Audio framework

    Tone.js is a Web Audio framework for creating interactive music in the browser. The architecture of Tone.js aims to be familiar to both musicians and audio programmers looking to create web-based audio applications. On the high-level, Tone offers common DAW (digital audio workstation) features like a global transport for scheduling and timing events and prebuilt synths and effects.