Best jQuery Core Java Script Plugins & Tutorials with Demo

    JS Fireworks – Realistic JavaScript Animation

    JS Fireworks - Realistic JavaScript Animation
    • Create realistic fireworks of any color
    • Visually-rich animation with just one line of code
    • Easy to use (just basic html knowdlege required)
    • Well documented (instructions file, example, comments on code)
    • 10 KB JavaScript library (+19 KB for optional explosion sound)
    • Doesn’t require jQuery or any other library
    • Smooth animation that works over any html element

    MetricsGraphics.js : JavaScript Data Graphics and Layouts Library

    MetricsGraphics.js : JavaScript Data Graphics and Layouts Library

    MetricsGraphics.js is a library built on top of D3 that is optimized for visualizing and laying out time-series data. It provides a simple way to produce common types of graphics in a principled, consistent and responsive way. The library currently supports line charts, scatterplots, histograms, bar charts and data tables as well as features like rug plots and basic linear regression.

    3D-Tour Hero : Script of WebGL Based Virtual Tour

    3D-Tour Hero | Script of WebGL Based Virtual Tour

    This scripts helps you to add Virtual 3D Tour to your site. Purchase include the source of Visual Virtual Tour Constructor! It helps to create the Virtual Tour in visual mode in your site admin panel!

    Features:

    • Maximal Support in Browsers due to WebGL & Canvas Renderers
    • HTML5 3D-Tour Redactor for Admin Panel
    • Convenient and Great API
    • Control Settings (Speed & Direction of ‘Hand-Rotate’, ‘Zoom’, ‘Auto-Rotate’)
    • Start Camera Direction
    • Load Animation
    • Links to 3D Tour creation
    • Helper to easy Getting the Point on 3D-Scene to link snap
    • Export & Import player data with all configs in JSON format

    SVG Triangle Generator using JS

    SVG Triangle Generator using JS

    Simple demo of generating an equilateral triangle in SVG using JS.

    Interactive Record Player : Javascript Experiment

    Interactive Record Player : Javascript Experiment

    Today we’d like to share an experimental old school record player template with you. The idea is to tap into the incredibly awesome Web Audio API and see what we can do with it. The demo starts with an initial grid view, powered by Masonry. Once a grid item is clicked, a circle expands and covers the grid, revealing the selected album. Now we are in a slideshow view where we can browse through the records.

    Anypixel.js : Create big, unusual, Interactive Displays

    Anypixel.js : Create big, unusual, Interactive Displays

    AnyPixel.js is an open-source software and hardware library that makes it possible to use the web to create big, unusual, interactive displays. Anyone can fork the code and the schematics to create their own display at any scale.

    Optiscroll : Custom scrollbars for modern webapps

    Optiscroll : Custom scrollbars for modern webapps

    Optiscroll aims to be as light as possible in order to not affect the performace of your webapp. Optiscroll does not replace the scrolling logic with Javascript. It only hides native scrollbars and allows you to style the fake scrollbars as you like. Moreover, Optiscroll adds custom events and methods to extend browser scroll functionalities.

    Features:

    • Lightweight and without dependencies
    • Highly optimized
    • Vertical and horizontal scrollbars support
    • Nested scrollbars support
    • Custom events
    • Animated scrollTo and scrollIntoView
    • Auto update on content/scroll area change
    • Integrated page bounce fix for iOS
    • Optional jQuery plugin

    Behave.js : JS Library to Convert Textarea into Coding IDE

    Behave.js : JS Library to Convert Textarea into Coding IDE

    Behave.js is a lightweight library for adding IDE style behaviors to plain text areas, making it much more enjoyable to write code in.

    Ally.js : Simplifying accessibility with JavaScript

    Ally.js : Simplifying accessibility with JavaScript

    Ally.js is a JavaScript library simplifying certain accessibility features, functions and behaviors. Its goal is to be A JavaScript library to help web applications with accessibility concerns. The intention is to separate these generic components from actual applications and other libraries.

    Eager Image Loader : JavaScript Library

    Eager Image Loader : JavaScript Library

    The eager-loading for image files on the web page that loads the files according to your plan. This differs from the lazy-loading, for example, this can be used to avoid that the user waits for the loading.