THE MOST USEFUL JavaScript TOOLS & PLUGINS

-








ANIMATION 

Anime.js

JavaScript Animation Engine.

Velocity

Acceleration JavaScript Animation.

Popmotin

JavaScript motion engine.use for animation,physics and input tracking.

Aos

Animate on Scroll Library.

Mo.js

Motion graphic library for the web.

ScrollReveal

Declarative on scroll reveal animations.

Skrollr

Stand-alone parallax scrolling library for mobile and desktop.

VIDEO

Video.js

Universal Video embed.

Fit Vid.js

A lightweight,easy-to-use jQuery plugin for fluid width video embeds.

jPlayer

HTML5 Audio & Video for jQuery .


Plyr

A Simple HTML5. Youtube and Vimeo Player.


Vide

Easy as hell  jQuery plugin for Video background.


Flowplayer

The HTML5 Video Player for the Web.

 
Popcorn js

The HTML5 Media Framework.

APPLICATION TOOLS

React

A JavaScript Library for building user interfaces.

Vue

Intuitive,fast and composable MVVM for building interactive interfaces. 

Next.js

A lightweight framework for static and server-rendered applications.

Angular

A development platform for building mobile and desktop web .

Svelte

JavaScript animation .


Redux

Predictable state container for JavaScript apps.

 
Meteor

An ultra-simple,pure JavaScript web framework.

MISCELLANEOUS

Reveal.js

The HTML Presentation framework.

Leaflet

JavaScript  Library for mobile-friendly interactive maps.

Intro.js

A better way for new future for your website and project.

Impress.js

A presentation framework based on the power of CSS3 transforms.

Js Pdf

Generates pdf files in JavaScript HTML5 FTW.

Coffee Script

Unfancy JavaScript.

Uppy

The next open source file uploader for web browsers.

AUDIO

Howler.js

JavaScript Audio library for the modern web.

Tone.js

A web audio framework for making interactive music in the browser.

WaveSurfer.js

Navigable Waveform built on web audio and canvas.


SoundManager 2

A JavaScript sound API supporting MP3,MPEG4 and HTML5 Audio .

Amplitude-js

A JavaScript Library to design your media controls in your web page.

Vexflow

A JavaScript Library for rendering music notation and guitar tablature.
 

Sound JS

A JavaScript Library for working with Audio.

GAMES

Pixi.js

Super fast HTML2 5D rendering engine that uses WebGL with canvas fallback.

Phaser

Phaser is a light-weighted 2D game framework for making HTML5 games.


Babylon.js

A complete JavaScript framework for building 3D Games .


Egret Core

Egret is a brand new open mobile game and application engine .


Matter Js

A 2D rigid body physics engine for the web .


Melon Js

A fresh and lightweight JavaScript Game Engine.
 

Crafty

A JavaScript Game library.

FORMS

Quill

A cross browser rich text editor with an API.


Fine Uploader 

multiple file upload plugin with progress-bar,drag-and-drop.

Parsley

Validate your forms,frontend without writing a single line of JavaScript .


Selectize.js

A hybrid of a text box and <select> box.

jQuery Validation

jQuery validation plugin.

Cleave.js

Help you format input text content automatically.
 

Pickadate.js

Lightweight jQuery date selector with multi-language support.

VISUALIZATION

Three.js

JavaScript 2D library.


Swiper

Mobile touch slider and framework with hardware accelerated transitions

Fabric.js

JavaScript canvas library,SVG to canvas (and-canvas-to-SVG)parser .

Aframe

A Web framework for building Virtual Reality Experiences .


Html2canvas

Screen shots with JavaScript.

Svgo

SVGO is a node js-based tool for optimizing SVG vector graphic files .

 
Chart.js

JavaScript Animation Engine.


Comments

Post a Comment

Popular posts from this blog

Node.js

-
Image
  What is Node.js? Node.js can be defined as a dynamic, cross-platform and open-source JavaScript framework or runtime environment that is built on the Google Chrome JavaScript V8 engine. Developed by Ryan Dahl in 2009, Node.js was initially implemented as a client-side scripting language. Nowadays, it is used to execute JavaScript code and scripts that run server-side to create dynamic web pages. The latest version of Node.js is 10.10.0. Node.js Features and Benefits Most web developers implement Node.js due to its amazing and powerful features. Some of the features of Node.js are: ·         Faster code execution ·         Highly scalable ·         Non-blocking APIs ·         No buffering With such wonderful features, Node.js is widely used for creating server-side and networking applications. The following are the key areas where Node.js is widely used: ·         I/O-bound applications ·         Data streaming applications ·         Data-intensive real-time applications (DIRT) ·     
Read more

Getting Started With The React Hooks API

-
Image
  QUICK SUMMARY   In this blog, you are going to learn and understand what React hooks are, the basic React Hooks that are available and also examples of how to write them for your React applications.   When React 16.8 was released officially in early February 2019, it shipped with an additional API that lets you use state and other features in React without writing a class. This additional API is called  Hooks  and they’re becoming popular in the React ecosystem, from open-sourced projects to being used in production applications. React Hooks are completely opt-in which means that rewriting existing code is unecessary, they do not contain any breaking changes, and they’re available for use with the release of React 16.8. What Are React Hooks?  React Hooks are in-built functions that allow React developers to use state and lifecycle methods inside functional components, they also work together with existing code, so they can easily be adopted into a codebase. The way Hooks were pitched
Read more

What is ReactJS: Introduction To React and Its Features

-
Image
  React is the most popular front-end JavaScript library in the field of web development. It is used by large, established companies and newly-minted startups alike (Netflix, Airbnb, Instagram, and the New York Times, to name a few). React brings many advantages to the table, making it a better choice than other frameworks like Angular.js. If you’re new to  ReactJS  or just refreshing yourself on the core concepts, this article will give you an introduction to all of React’s fundamentals. We’ll be covering the following topics in this article: What is React? Why React? Features of React Components, State, and Props React Prerequisites Industry Trends What is React? React is a JavaScript library created for building fast and interactive user interfaces for web and mobile applications. It is an open-source, component-based, front-end library responsible only for the application’s view layer. In Model View Controller (MVC) architecture, the view layer is responsible for how the app looks
Read more