Best jQuery Core Java Script Plugins & Tutorials with Demo

    Paper.js : Swiss Army Knife of Vector Graphics Scripting

    Paper.js : Swiss Army Knife of Vector Graphics Scripting

    Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface.

    Paper.js is easy to learn for beginners and has lots to master for intermediate and advanced users.

    GreyBox : Smart Window in JavaScript

    GreyBox : Smart Window in JavaScript

    GreyBox can be used to display websites, images and other content in a beautiful way.We can use it in Showing external pages,AJAX uploading of files,Showing internal pages (login, user preference, properties, contact formulas etc.),Showing a video or a flash animation,Showing images,Showing product information,Admin sections.

    Why use GreyBox:

    • It does not conflict with pop-up blockers
    • It’s only 22 KB!
    • It’s super easy to setup
    • It’s super easy to use
    • You can easily alter the style as it is controlled through CSS

    Sketch : Draw squiggly sketches in 3D with Hmtl5 & JavaScript

    Sketch : Draw squiggly sketches in 3D with Hmtl5 & JavaScript

    Sketch is a drawing tool with a twist; it allows you to draw in pseudo 3D. Sketches can be saved by users and viewed in a gallery.

    The front end is built using the HTML5 canvas element and plenty of JavaScript. Sketches are saved in a MySQL database and PHP is used as a mediator between front end and database.

    Worms : JavaScript Animation with Inverse kinematics

    Worms : JavaScript Animation with Inverse kinematics

    Experimenting with Inverse kinematics, Catmull-Rom Splines & Wander Behaviors

    Fokus : Emphasized text-highlighting using JavaScript

    Fokus : Emphasized text-highlighting using JavaScript

    Fokus uses JavaScript to emphasize anything you select by covering the rest of the page with semi-transparent black.

    The library has no dependencies and weighs in at around 3kb. A <canvas> element is used to paint the cut-out cover. Works in most modern browsers except IE and touch devices.

    Stroll.js : CSS3 scroll effects with JavaScript

    Stroll.js : CSS3 scroll effects with JavaScript

    A collection of CSS list scroll effects. Works in browsers with support for CSS 3D transforms including a special touch-enabled mode for iOS & Android 4.x.

    JS Charts : Free JavaScript charts

    JS Charts : Free JavaScript charts

    JS Charts is a JavaScript based chart generator that requires little or no coding. With JS Charts drawing charts is a simple and easy task, since you only have to use client-side scripting (i.e. performed by your web browser). No additional plugins or server modules are required. Just include our scripts, prepare your chart data in XML, JSON or JavaScript Array and your chart is ready!

    JS Charts lets you create charts in different templates like bar charts, pie charts or simple line graphs.

    Features:

    • You don’t have to write code
    • It’s easy to integrate & customizable
    • You can setup your charts online
    • You can create the three most common types of charts: bar, pie and line
    • Animated line/bar rendering
    • 3D pies and 3D bars
    • It’s compatible with most web browsers
    • You don’t need any server-side plugins/modules

    Bonsai : A JavaScript Graphics Library

    Bonsai : A Graphics Library

    Bonsai is a JavaScript graphics library.

    Bonsai’s main features include:
    • Architecturally separated runner and renderer
    • iFrame, Worker and Node running contexts
    • Paths
    • Assets (Videos, Images, Fonts, SubMovies)
    • Keyframe and time based animations (easing functions too)
    • Path morphing

    Fireworks.js : Javascript Animation Experiment

    Fireworks.js : Javascript Animation Experiment

    Fireworks.js is a bit of Javascript that creates starburst-type explosions in a web document; in short, it’s a fireworks effect someone could theoretically use on their site. And come on, who doesn’t want something like that? As far as appropriateness is concerned, this effect could be compared to the dripping-blood-line, skull and fireball animated .GIF images so popular on the web in 1997. Exploding firework animations are hot, the new black, the script equivalent of the blink tag. Mmm, blink tag.

    enquire.js : Handling CSS media queries with JavaScript

    enquire.js : Handling CSS media queries with JavaScript

    Enquire.js is a standalone JavaScript library for programmatically responding to CSS media queries.The library allows us to define any number of media queries and fire events when they are matched (or not matched).

    Features:

    • Deal with your media queries being matched (and even unmatched!)
    • Respond to browser events with aplomb
    • And if you want to get really fancy, run one-time setup routines