Best jQuery Core Java Script Plugins & Tutorials with Demo

    Iro.js : HSV color picker widget for JavaScript

    March 12, 2019 | Core Java Script
    Iro.js : HSV color picker widget for JavaScript

    Iro.js is a HSV color picker widget for JavaScript with a modern, SVG-based user interface.

    Features:

    • Simple: Low friction API, with robust support for hex, rgb, hsl and hsv color formats.
    • Extendable: Tweak the library to your requirements with Plugins and custom UI elements
    • Consistent behaviour: Works across all modern browsers and devices, including touchscreens.
    • Small footprint: 7kb minified and gzipped, with absolutely no jQuery or extra css/images in sight.
    • Great design: The controls are designed to be intuitive and responsive, plus they’re built with SVG so they look super crisp at any resolution.
    • Transparency support: Optional transparency slider with the transparency plugin.
    Read More Demo

    Frappe DataTable : A Simple Modern and Interactive Datatable Library

    March 8, 2019 | Core Java Script, Tables
    Frappe DataTable : A Simple Modern and Interactive Datatable Library

    Frappe DataTable is a simple, modern and interactive datatable library for displaying tabular data. Originally built for ERPNext, it can be used to render large amount of rows without sacrificing performance and has the basic data grid features like inline editing and keyboard navigation. It does not require jQuery, like most data grids out there.

    Read More Demo

    Maps Journey Replay : JavaScript Library

    March 7, 2019 | Core Java Script, Maps
    Maps Journey Replay : JavaScript Library

    Javascript Library that loads a journey JSON object (coordinates + timestamp) and creates a replay on a map.

    Read More Demo

    AutoNumeric.js : Automatically Format your Numbers & Currencies

    March 7, 2019 | Core Java Script
    AutoNumeric.js : Automatically Format your Numbers & Currencies

    AutoNumeric is a Javascript library that provides live as-you-type formatting for international numbers and currencies.

    Read More Demo

    Text Trail Effect with CSS & TweenMax

    February 28, 2019 | Animation, Core Java Script, CSS2 / CSS3.0, Slider, Text Effect
    Text Trail Effect with CSS & TweenMax

    Today we’d like to share a little text effect for a slideshow with you. It’s based on the animation seen in the Dribbble shot Abstract is hiring. The idea is to show a trail of a text when transitioning between slides of a slideshow. The animations are made using TweenMax.

    Read More Demo

    PPO : A small and useful Utils library for JavaScript

    February 27, 2019 | Core Java Script
    PPO : A small and useful Utils library for JavaScript

    Every frontend developer has written his own utils library, and we often write methods that are easily forgotten and highly used. ppo is a super small and useful utils library for JavaScript. It and lodash underscore lazy.js almost no coupling. I sorted out the most frequently used function functions in everyday development. These functions are almost ubiquitous in your development, and they are not found in lodash underscore.

    Read More Demo

    Fake 3D Image Effect with WebGL

    February 22, 2019 | Core Java Script, Image Effects
    Fake 3D Image Effect with WebGL

    Learn how to create an interactive “fake” 3D effect for images with depth maps and plain WebGL.WebGL is becoming quite popular these days as it allows us to create unique interactive graphics for the web. You might have seen the recent text distortion effects using Blotter.js or the animated WebGL lines created with the THREE.MeshLine library. Today you’ll see how to quickly create an interactive “fake” 3D effect for images with plain WebGL.

    Read More Demo

    Grid Reveal Effects with Anime.js

    February 15, 2019 | Animation, Core Java Script, CSS2 / CSS3.0, Gallery
    Grid Reveal Effects with Anime.js

    Some experiments with the new staggering system of Anime.js where we try different effects for hiding and showing thumbnails in an image grid.

    Recently, a new version of anime.js was released. One of the great new features is its staggering system that makes complex follow through and overlapping animations really simple. We wanted to give it a try and experiment with this new feature on an image grid with many thumbnails.

    Read More Demo

    Lemon-JS : An accessible Rendering Engine in JavaScript

    February 7, 2019 | Core Java Script
    Lemon-JS : An accessible Rendering Engine in JavaScript

    Lemon-JS is an accessible rendering engine in javaScript.The goal of this project is to stay simple to make people understand and experiment with 3D rendering.

    Features:

    • Access to the low level API
    • Rendering queues and commands system
    • Lights support
    • Shaders
    • Scene management (nodes, hierrachy, …)
    • Separated “engine” logic from the low level part
    • Post processing
    • Loading models, sprites, videos and custom mesh
    Read More Demo

    Text Distortion Effects using Blotter.js

    February 7, 2019 | Animation, Core Java Script, Text Effect
    Text Distortion Effects using Blotter.js

    Distortion effects have become quite popular over the past two years and now many extraordinary website designs have some unique form of this intriguing trend. Today we’d like to share two demos with you that show how to use Blotter, a three.js and Underscore.js powered API for drawing artsy text effects. We used it to distort text on scroll and on mouse move.

    Read More Demo