Best jQuery Core Java Script Plugins & Tutorials with Demo

Lumise Product Designer Tool with JavaScript & PHP

Lumise Product Designer Tool with JavaScript & PHP

Lumise is the professional product designer tool, built by HTML5 + JavaScript technologies. Lumise is designed to focus on the user experience and provide all in one for a breakthrough solution for your print services store. In addition, it has many powerful exclusive features and top-friendly interface to help your users easy to design any ideas.

Decorative WebGL Backgrounds with TweenMax

Decorative WebGL Backgrounds with TweenMax

Today we are going to explore some original and experimental backgrounds generated using WebGL. The main idea is to show interesting animated shapes as decorative page backgrounds, some having subtle interactivity. All the demos are made with the Three.js WebGL library to create the various shapes, and the animations are controlled by the performant GSAP animation library.

Animated Direction Reveal Effect with JavaScript

Animated Direction Reveal Effect with JavaScript

This plugin detects which direction a user enters/exits a block, allowing you to reveal/hide content based on this direction.

The hidden content can animate in from the direction the user enters and animate out the direction the user leaves, allowing you to create interesting animation effects.

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.