Best jQuery Core Java Script Plugins & Tutorials with Demo

    Bottender : Make Bots Your Way Fast and Flexible

    Bottender : Make Bots Your Way Fast and Flexible
    • Flexible – Declare handlers as any JavaScript function.
    • Modern – Source written with ES6/ES7 syntax and great async await supports.
    • Modular – Use session stores, server framework adapters and platform connectors with same interface.
    • Learn Once, Write Anywhere – Handle multiple platforms with consistent development experience.

    JSMpeg : MPEG1 Video & MP2 Audio Decoder in JavaScript

    JSMpeg : MPEG1 Video & MP2 Audio Decoder in JavaScript

    JSMpeg is a Video Player written in JavaScript. It consists of an MPEG-TS demuxer, MPEG1 video & MP2 audio decoders, WebGL & Canvas2D renderers and WebAudio sound output. JSMpeg can load static videos via Ajax and allows low latency streaming (~50ms) via WebSockets.

    JSMpeg can decode 720p Video at 30fps on an iPhone 5S, works in any modern browser (Chrome, Firefox, Safari, Edge) and comes in at just 20kb gzipped.

    Brusher : A lightweight library to create Interactive Backgrounds

    Brusher : A lightweight library to create Interactive Backgrounds

    Brusher is a lightweight library to create interactive backgrounds.

    Ranger.js : JavaScript library for Ranges of Numbers

    Ranger.js : JavaScript library for Ranges of Numbers

    Ranger.js is a small, standalone library for working with ranges of numbers in Javascript.

    Ranger provides all the utility methods you’d expect, including clampwrapmap, and random. These methods are available statically, as well as through a Range object that can be instantiated for repeated use.

    Ranger’s main feature is the ability to provide a ‘curve’ function to certain methods, which will affect how numbers are distributed.

    LayerJS: Javascript UI Composition Framework

    LayerJS: Javascript UI Composition Framework

    layerJS is an open source Javascript UI/UX library allowing intuitive, visually intense, mobile app-like experiences for web apps and websites.

    layerJS follows the idea that any kind of interactive web content is composed of media elements on moving layers. Unlike existing UI frameworks, layerJS does not provide various UI elements (use your favorite framework for that) but focusses on how larger blocks are put together to form websites and apps and how these blocks will behave upon user interaction.

    UX patterns like menus, sliders, layers & lightboxes, parallax effects, page-swipes, zoom effects, etc. are really justinteractive animated layers. layerJS is a simple open source library that provides one simple universal concept to create such patterns in pure HTML.

    Impact : HTML5 Canvas & JavaScript Game Engine

    Impact : HTML5 Canvas & JavaScript Game Engine

    Impact is a JavaScript Game Engine that allows you to develop stunning HTML5 Games for desktop and mobile browsers.

    Curtains.js : Animated WebGL Textured Planes JavaScript library

    Curtains.js : Animated WebGL Textured Planes JavaScript library

    Curtains.js is a lightweight vanilla WebGL javascript library that turns HTML elements into interactive textured planes, allowing you to animate them via shaders.
    You can define each plane size and position via CSS, which makes it super easy to add WebGL responsive planes all over your pages.

    Ideas for Proximity Feedback with Progressive Hover Effects

    Ideas for Proximity Feedback with Progressive Hover Effects

    Today we’d like to share some subtle proximity feedback ideas with you. We’re exploring a progressive hover effect which triggers not just when we are hovering an element but progressively, when we come close to it. There are several interesting use cases for this kind of effect and today we wanted to showcase some of them.

    Bubbly-bg : Beautiful Bubbly backgrounds with JS & Canvas

    Bubbly-bg : Beautiful Bubbly backgrounds with JS & Canvas

    Bubbly-bg is a beautiful bubbly backgrounds in less than 1kB (750 bytes gzipped).

    Bubbly creates a canvas element and appends it to the body. This element has position: fixed and z-index: -1, and always fills the width/height of the viewport, which should make it plug and play for most projects.

    js2flowchart.js : Beautiful SVG Flowchart Library

    js2flowchart.js : Beautiful SVG Flowchart Library

    js2flowchart – a visualization library to convert any JavaScript code into beautiful SVG flowchart. Imagine a library which takes any JS code and generate SVG flowchart from it, works on client and server. Allows you easily adjust styles scheme for your context or demonstrate your code logic from different abstractions levels. Highlighting, destructing whole blocks, custom modifiers for your needs etc.