Best jQuery Core Java Script Plugins & Tutorials with Demo

Strftime : Javascript Library to format the Date & Time

Strftime : Javascript Library to format the Date & Time

strftime is a JavaScript port of strftime(), a function to format the date and time.

SpreadJS : JavaScript Spreadsheet and Data Presentation Components

SpreadJS : JavaScript Spreadsheet and Data Presentation Components

Complete JavaScript Spreadsheet and Data Presentation Components.Deliver intuitive, efficient, multi-functional, pure JavaScript spreadsheets for enterprise apps.

  • Full Angular support in Spread.Sheets
  • Spreadsheets, grids, dashboards, and forms
  • Browser and platform independent
  • Data presentation and layout
  • Modular features, minimal references

Animated SVG Frame Slideshow

Animated SVG Frame Slideshow

Today we’d like to share an experimental slideshow with you. The idea is to animate an SVG frame while we transition from one slide to another. Using different shapes we can create a variety of frame styles when morphing the SVG path. We are using anime.js for the animations.

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.