Best jQuery Core Java Script Plugins & Tutorials with Demo

    Rounded Polygon Creator with SVG

    Rounded Polygon Creator with SVG

    Create any size of regular rounded polygon with the help of javascript and svg.

    Multi-Layer Page Reveal Effects with CSS & JavaScript

    Multi-Layer Page Reveal Effects with CSS & JavaScript

    Today we’d like to show you how to create a simple and modern page transition effect. Maybe you have spotted some of the cool effects seen on sites like Nation or Keep Portland Weird, where two or more layers of overlays are animated across the page to reveal some new content. Let’s see how we can do something like that. We’ll focus on the animation part only, not the loading of content. For the effects we’ll be using CSS Animations.

    TypeWriting.js : JavaScript Library for Typewriter Effect

    TypeWriting.js : JavaScript Library for Typewriter Effect

    Typewriting js is a javascript library that make the typewriter effect.

    RangeTouch : Range Slider for Touch Devices

    RangeTouch : Range Slider for Touch Devices

    A super tiny library to make <input type="range"> sliders work better on touch devices.

    • No setup required, just include the script
    • Less than 1KB minified and gzipped
    • No dependencies (written in “vanilla” JavaScript)

    Plyr : Simple HTML5 Media Player

    Plyr : Simple HTML5 Media Player

    A simple, accessible and customizable HTML5, YouTube and Vimeo media player.

    • Accessible – full support for VTT captions and screen readers
    • Lightweight – under 10KB minified and gzipped
    • Customisable – make the player look how you want with the markup you want
    • Semantic – uses the right elements. <input type="range"> for volume and <progress> for progress and well, <button>s for buttons. There’s no <span> or <a href="#"> button hacks
    • Responsive – as you’d expect these days
    • HTML Video & Audio – support for both formats
    • Embedded Video – support for YouTube and Vimeo video playback
    • API – toggle playback, volume, seeking, and more

    Finance.js : Common Finance and Currency Javascript Methods

    Finance.js : Common Finance and Currency Javascript Methods

    This library provides basic finance methods to compute finance amortization schedules, payment amounts, number and currency formatting. Methods are provided to obtain the payment, interest rate, amount financed, or months financed given 3 of any of the 4.

    Jodit Editor : WYSIWYG and FileBrowser

    Jodit Editor : WYSIWYG and FileBrowser

    Editor and FileBrowser – Jodit. Pure javascript. No libraries! Lightweight:~32kB gzipped.

    Tether : JavaScript library to make Absolutely Positioned Element

    Tether : JavaScript library to make Absolutely Positioned Element

    Tether is a JavaScript library for efficiently making an absolutely positioned element stay next to another element on the page. For example, you might want a tooltip or dialog to open, and remain, next to the relevant item on the page.

    Tether includes the ability to constrain the element within the viewport, its scroll parent, any other element on the page, or a fixed bounding box. When it exceeds those constraints it can be pinned to the edge, flip to the other side of its target, or hide itself.

    SamsaraJS : Layout Animation library

    SamsaraJS : Layout Animation library

    SamsaraJS is a functional reactive library for animating layout. It provides a language for positioning, orienting and sizing DOM elements and animating these properties over time. Everything in SamsaraJS — from the user input to the rendering pipeline — is a stream. Building a user interface becomes the art of composing streams.