Best jQuery Core Java Script Plugins & Tutorials with Demo

MathJax : JavaScript Display engine for Mathematics with Demo

MathJax : JavaScript Display engine for Mathematics with Demo

MathJax is an open source JavaScript display engine for mathematics that works in all modern browsers.MathJax renders mathematics dynamically so that formulas and symbols are nicely integrated into the surrounding text – with matching font size, margins, and baseline. So, in other words: it should look right.

MathJax supports two typesetting styles: inline and paragraph (or “display”) equations. For inline equations, MathJax tries hard to maintain the inter-line spacing. This means things like fractions and roots are vertically compressed, and smaller fonts are used. Paragraph equations are shown as a separate paragraph and can be displayed with more space and slightly larger fonts.

TinyBox2 : JavaScript Modal Windows with Demo

TinyBox2 : JavaScript Modal Windows with Demo

TinyBox modal box script brings a ton of new features and still clocks in under 5KB. The script now supports iframes and images natively. You can POST with Ajax. Clicking ESC will close the window. Callback functions can be passed for load and close events. You can set CSS IDs to override the default styling. CSS position can be toggled between fixed and absolute. The mask opacity can be sent. You have full control over window location. And of course there is now a close button out of the box you can toggle.

Dragdealer JS : JavaScript 2D drag and Tap Plugin with Demo

Dragdealer JS : JavaScript 2D drag and Tap Plugin with Demo

Dragdealer is a drag-based JavaScript component that embraces endless front-end solutions. Elegantly crafted for JavaScript-aware coders.2D drag and tap, mouse and touch (mobile tested), 12kB unminified. No dependency.

CamanJS : Image Manipulation in Javascript with example

CamanJS : Image Manipulation in Javascript with example

CamanJS is manipulating images using the HTML5 canvas and Javascript. It’s a combination of a simple-to-use interface with advanced and efficient image/canvas editing techniques. It is also completely library independent and can be safely used next to jQuery, YUI, Scriptaculous, MooTools, etc.

CamanJS is very easy to extend with new filters and plugins, and it comes with a wide array of image editing functionality, which is only growing as the community makes more plugins. It has a powerful layering system, much like the one present in Photoshop and GIMP, that makes the sky the limit for your creativity.

sigma.js : A lightweight JavaScript graph drawing library with Demo

sigma.js : A lightweight JavaScript graph drawing library with Demo

sigma.js is an open-source lightweight JavaScript library to draw graphs, using the HTML canvas element. sigma.js is mostly inspired by Gephi and the maps of Antonin Rohmer from Linkfluence (one nice example here) – thanks to him also for his wise advices.It has been especially designed to:

  • Display interactively static graphs exported from a graph visualization software – like Gephi
  • Display dynamically graphs that are generated on the fly

Leaflet : JavaScript library for mobile-friendly interactive maps

Leaflet : JavaScript library for mobile-friendly interactive maps with Demo

Leaflet is a modern, lightweight open-source JavaScript library for mobile-friendly interactive maps. It is developed by CloudMade to form the core of its next generation JavaScript API. Weighing just about 21kb of gzipped JS code, it still has all the features you will ever need for your web mapping needs, while providing a fast, smooth, pleasant user experience.

It is built from the ground up to work efficiently and smoothly on both desktop and mobile platforms like iOS and Android, utilizing cutting-edge technologies included in HTML5 and CSS3. The focus is on usability, performance, small size, A-grade browser support, flexibility and an easy-to-use API. The OOP-based code of the library is designed to be modular, extensible and very easy to understand.

EpicEditor : An embeddable JavaScript markdown editor

EpicEditor : An embeddable JavaScript markdown editor with Demo

EpicEditor is an embeddable JavaScript Markdown editor with some minor Markdown enhancements such as automatic link creation and code fencing. EpicEditor allows for all kinds of customization. EpicEditor is easy to implement: simply clone the repo and then it only needs an element to add the editor to and then you call load() when you’re ready.

Kalendae : A framework agnostic javascript date picker

Kalendae : A framework agnostic javascript date picker with Demo

Kalendae is an attempt to do something that nobody has yet been able to do: make a date picker that doesn’t suck. Kalendae provides the following features:

  1. Fully portable, no dependencies. No jQuery, no Prototype, no MooTools; just add the script and the stylesheet and you’re good to go.
  2. Fully and easily skinable. The default theme uses only one image file (a mask for the previous and next buttons), everything else is styled using CSS.
  3. Supports all modern browsers and IE8.
  4. Support single day, multiple day, or day range selection.
  5. Configurable number of months to be displayed at once.
  6. Can be displayed on the page as an inline widget, or attached to one or more input fields as a popup control.
  7. Can be attached to any page element, not just named elements.
  8. Configurable blackouts, defined either as an array of dates or via a callback function
  9. Output selected dates in a variety of formats

Simile Widgets : JavaScript Interactive Timeline

Simile Widgets : JavaScript Interactive Timeline

Timeline is a JavaScript widget for creating interactive timelines. You can scroll through items featured in chronological order by using your mousewheel or by holding down your mouse button on the timeline and dragging left or right. Clicking on a dot, which represents an item in the time line, will reveal more information. Timeline is open source, released under the BSD license.

Timeplot : Web Widget for Plotting Time Series Graph

Timeplot : Web Widget for Plotting Time Series Graph

Timeplot is a DHTML-based AJAXy widget for plotting time series and overlay time-based events over them (with the same data formats that Timeline supports).