Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/pierrechls/awesome-app-js

😎 An awesome and curated list of javascript libraries that I use
https://github.com/pierrechls/awesome-app-js
List: awesome-app-js
awesome awesome-list javascript javascript-library
Last synced: 16 days ago
JSON representation
😎 An awesome and curated list of javascript libraries that I use
Host: GitHub
URL: https://github.com/pierrechls/awesome-app-js
Owner: pierrechls
Created: 2017-01-09T10:21:23.000Z (almost 8 years ago)
Default Branch: master
Last Pushed: 2017-09-30T09:11:19.000Z (about 7 years ago)
Last Synced: 2024-12-02T02:03:55.849Z (20 days ago)
Topics: awesome, awesome-list, javascript, javascript-library
Homepage:
Size: 56.6 KB
Stars: 4
Watchers: 2
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md
Awesome Lists containing this project

ultimate-awesome - awesome-app-js - 😎 An awesome and curated list of JavaScript libraries that I use. (Other Lists / Monkey C Lists)
README

        # Awesome JavaScript libraries [![Awesome](https://rawgit.com/sindresorhus/awesome/master/media/badge.svg)](https://github.com/sindresorhus/awesome)

This document lists javascript libraries that I use. I also strongly recommend you to read these two ressources about JavaSript : [You Dont Know JS](https://github.com/getify/You-Dont-Know-JS) (a book series exploring the parts of JavaScript that we all think we understand but don't really know) and [Functional Light JS](https://github.com/getify/Functional-Light-JS) (a book about functional programming in JavaScript). In the same spirit, I recommend you to read the [wtfjs](https://github.com/denysdovhan/wtfjs) listing funny and tricky JavaScript examples. Let's build something great ! ⚒

## Template engine

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

Vue.js | Simple, Fast & Composable MVVM for building interactive interfaces | ` npm i -S vue` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

React | A declarative, efficient, and flexible JavaScript library for building user interfaces. | ` npm i -S react` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

React Native | A framework for building native apps with React. | ` npm i -S react-native` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

mustache.js | Minimal templating with {{mustaches}} in JavaScript | ` npm i -S mustache` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

## Deployment

Name | Description | Install  | Compatibility |

------------- | ------------- | ------------- | ------------- |

now-cli | The command line interface for Now. Realtime global deployments served over HTTP/2. | `npm i -g now` | [![Coverage](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)

pkg | Package your Node.js project into an executable | `npm i -g pkg` | [![Coverage](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)

release | Generate changelogs with a single command. When run, this command line interface automatically generates a new GitHub Release and populates it with the changes (commits) made since the last release. | `npm i -g release` | [![Coverage](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)

strapi | Strapi is an open source solution to create, deploy and manage your own API. It provides a powerful dashboard and features to make your life easier. | `npm i strapi -g` | [![Coverage](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)

## App generator

Name | Description | Install  | Compatibility |

------------- | ------------- | ------------- | ------------- |

electron-packager  | Customize and package your Electron app with OS-specific bundles (.app, .exe etc) via JS or CLI | `npm i -S electron-packager ` | [![Coverage](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)

 vue-cli  | Simple CLI for scaffolding Vue.js projects | `npm i -g vue-cli ` | [![Coverage](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)

 react-app  | CLI tools and templates for authoring React applications with a single dev dependency and no configurations | `npm i -g react-app ` | [![Coverage](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)

 react-native  | A framework for building native apps with React. | `npm i -g react-native-cli` | [![Coverage](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)

 yo  | CLI tool for running Yeoman generators | `npm i -g yo ` | [![Coverage](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)

 update-notifier  | Update notifications for your CLI app | `npm i -S update-notifier ` | [![Coverage](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)

 Caporal.js  | A full-featured framework for building command line applications (cli) with node.js | `npm i -S caporal ` | [![Coverage](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)

 lerna  | A tool for managing JavaScript projects with multiple packages.  | `npm i -g lerna` | [![Coverage](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)

crudl | CRUDL is a backend agnostic REST and GraphQL based admin interface |  RTFM  | [![Coverage](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)

## DOM rendering

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

bulma | Modern CSS framework based on Flexbox | ` npm i -S bulma` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

 fitty  | Makes text fit perfectly | ` npm i -S fitty ` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

twig.js | JS implementation of the Twig Templating Language | ` npm i -S twig` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

 material-design-lite  | Material Design Components in HTML/CSS/JS |  RTFM  | [![Coverage](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)

 vue-material  | Material design for Vue.js | `npm i -S vue-material` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

 vue-mdc  | Material web components for Vue.js | `npm i -S vue-mdc` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

## Routing

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

vue-router | The official router for Vue.js.  | ` npm i -S vue-router` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square) |

Crossroads | It parses a string input and decides which action should | ` npm i -S crossroads` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square) |

Hasher | Set of JavaScript functions to control browser history for rich-media websites and applications. | ` npm i -S hasher` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square) |

## Communication

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

js-signals | similar to an Event Emitter/Dispatcher or a Pub/Sub system | ` npm i -S signals` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)  |

Socket.io server | Socket.IO enables real-time bidirectional event-based communication | ` npm i -S socket.io` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square) |

Socket.io client | Socket.IO enables real-time bidirectional event-based communication | ` npm i -S socket.io-client` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square) |

Spacebro | Server for broadcasting socket.io service | ` npm i -S spacebro` | [![Coverage](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square) |

Spacebro client | Connect thru socket.io with ZeroConf | ` npm i -S spacebro-client` | [![Coverage](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square) |

across-tabs | Easy communication between cross-origin browser tabs | ` npm i -S across-tabs` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square) |

## Process manager

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

 PM2  | Production process manager for Node.js apps with a built-in load balancer | `npm i pm2 -g` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square) |

 forever  | A simple CLI tool for ensuring that a given script runs continuously | ` npm i forever -g` | [![Coverage](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square) |

## Request

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

Superagent | small progressive client-side HTTP request library, and Node.js module with the same API, sporting many high-level HTTP client features | `npm i -S superagent` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square) |

## Caching

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

Superagent-cache | Superagent with built-in, customizable caching |  `npm i -S superagent-cache` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square) |

## Persistent data

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

Native LocalStorage | The localStorage property allows you to access a local Storage object.  | `Window.localStorage` | [![Coverage](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square) |

Lawnchair | Simple json storage | ` npm i -S lawnchair` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square) |

Linvodb3 | Model-oriented embedded database, inspired by Mongoose & MongoDB, over LevelUP | ` npm i -S linvodb3` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square) |

dotenv | Loads environment variables from `.env`. | `npm i -S dotenv` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

 nconf  | Hierarchical node.js configuration with files, environment variables, command-line arguments, and atomic object merging. | `npm i -S nconf ` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

vuefire | Firebase bindings for Vue.js | `npm i vue firebase vuefire -S` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

 vuex  | Centralized State Management for Vue.js | `npm i -S vuex` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

 redux  | Predictable state container for JavaScript apps | `npm i -S redux ` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

 store.js  | A localStorage wrapper for all browsers without using cookies or flash. Uses localStorage, globalStorage, and userData behavior under the hood | `npm i -S store ` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

 express-graphql | Create a GraphQL HTTP server with Express | `npm i -S express-graphql` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

## REST API

Name | Description | Install  | Compatibility |

------------- | ------------- | ------------- | ------------- |

node-wpapi | A WordPress REST API client for JavaScript. This library is an isomorphic client for the WordPress REST API, designed to work with WordPress 4.7 or later. If you are using the older WP REST API plugin, some commands will not work. | `npm i -S wpapi` | [![Coverage](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)](https://img.shields.io/badge/coverage-node-yello.svg?style=flat-square)

json-server | Get a full fake REST API with zero coding in less than 30 seconds (seriously) | `npm i json-server -g` | [![Coverage](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)](https://img.shields.io/badge/coverage-node-yello.svg?style=flat-square)

## Chatbot

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

react-simple-chatbot | Easy way to create conversation chats |  `npm i -S react-simple-chatbot` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square) |

## Animation

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

GSAP | Think of GSAP as the Swiss Army Knife of web animation...but better | `npm i -S gsap` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

Tween | Super simple, fast and easy to use tweening engine | ` npm i -S tween.js` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

granim.js | Create fluid and interactive gradients animations | `npm i -S granim` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

 Lottie  | Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images. | Install [BodyMovin](https://github.com/bodymovin/bodymovin) | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

 barba.js  | Create badass, fluid and smooth transition between your website's pages. | `npm i -S barba.js` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

## Image manipulation

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

Fabric.js | Play with the canvas. Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser | `npm i -S fabric` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

RgbQuant | Color quantization lib | ` npm i -S rgbquant` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

Javascript-Load-Image | JavaScript Load Image is a library to load images provided as File or Blob objects or via URL |  `npm i -S blueimp-load-image` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

RetinaJS | Open source script that serves high-resolution images to devices with retina displays | ` npm i -S retina.js` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

palette-maker | Palette Maker is an interactive web tool that allows you to explore different approaches to extract color palettes from images | ` npm i -S palette-maker` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

qart.js | Generate artistic QR code.  | ` npm i -S qartjs ` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

 blurify  | Tiny library to blurred pictures, support graceful downgrade from css mode to canvas mode.  | ` npm i -S blurify ` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

 dom-to-image  | Generates an image from a DOM node using HTML5 canvas  | ` npm i -S dom-to-image ` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

## Video playback

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

VideoJS | An HTML5 and Flash video player with a common API and skin for both | ` npm i -S videojs` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

## Audio playback

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

audio5 | Audio5js a library-agnostic, cross-browser Javascript API for HTML5 Audio, with a Flash fallback for either older browsers or modern browsers without MP3 playback support. | ` npm i -S audio5` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

webmidi | WebMidi.js helps you tame the Web MIDI API. Send and receive MIDI messages with ease. Control instruments with user-friendly functions (playNote, sendPitchBend, etc.). React to MIDI input with simple event listeners (noteon, pitchbend, controlchange, etc.). | ` npm i -S webmidi ` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

## Grid

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

 spacegrid  | A no-frills responsive grid layout to help you get started on your next project. | ` npm i -S spacegrid` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

## Parallax

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

 rellax  | Lightweight, vanilla javascript parallax library | ` npm i -S rellax` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

## Slider

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

Lory | Touch enabled minimalistic slider written in vanilla JavaScript | ` npm i -S lory.js` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

PhotoSwipe | JavaScript image gallery for mobile and desktop, modular, framework independent | ` npm i -S photoswipe` |  [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

Swiper | Most modern mobile touch slider with hardware accelerated transitions | ` npm i -S swiper` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

 Siema  | Lightweight and simple carousel with no dependencies | `npm i -S siema` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

## Sprite animation

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

spritesheet.js | Command-line spritesheet generator supporting Starling / Sparrow, PIXI.js, Easel.js and cocos2d | `spritesheet-js assets/*.png` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

sprite-anim | Simple spritesheet animation engine. | `npm i -S sprite-anim` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

## Drag and drop

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

interact.js | JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE8+). | `npm i -S interactjs` | [![Coverage](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)

Dragula | Drag and drop so simple it hurts | `npm i -S dragula` | [![Coverage](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)

Vue.Draggable | Vue component allowing drag-and-drop sorting in sync with View-Model. Based on Sortable.js | `npm i -S vuedraggable` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

## Helpers

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

vue-migration-helper | CLI tool to aid in migration from Vue 1.x to 2.0. | `npm i -g vue-migration-helper` | [![Coverage](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)](https://img.shields.io/badge/coverage-node-yello.svg?style=flat-square)

vue-help | Vue.js API in the Terminal | `npm i -g vue-help` | [![Coverage](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)](https://img.shields.io/badge/coverage-node-yello.svg?style=flat-square)

## Mailing

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

 nodemailer  | Send e-mails from Node.js easy as cake! The community version of Nodemailer is a module for Node.js applications to allow email sending. The project got started back in 2010 when there was no sane option to send email messages, today it is the solution most Node.js users turn to by default. | `npm i -S nodemailer` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

 bojler  | Bojler is an email framework for developing responsive and lightweight email templates that will render correctly across each of the most popular email clients. |  RTFM  | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

## Rendering

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

Three | JavaScript 3D library | ` npm i -S three` | [![Coverage](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)

whitestorm.js | Super-fast 3D framework for web applications and games | ` npm i -S whs ` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

Pixi | Pixi.js is a fast lightweight 2D library that works across all devices | ` npm i -S pixi.js` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

p5.js | p5.js is a JavaScript library that starts with the original goal of Processing, to make coding accessible for artists, designers, educators, and beginners, and reinterprets this for today's web. | ` npm i -S p5` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

webgl-heatmap | A high performance WebGL/JS heatmap display library | `npm i -S webgl-heatmap` | [![Coverage](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)

## Virtual and Augmented Reality

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

A-Frame | A web framework for building virtual reality experiences. A-Frame handles the 3D and WebVR boilerplate required to get running across platforms including mobile, desktop, Vive, and Rift. | `npm i -S aframe` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

AR.js | Efficient Augmented Reality for the Web using ARToolKit (a-frame and Three.js compatibilities) | | [![Coverage](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)

## Effects

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

Seriously |  A real-time, node-based video effects compositor for the web built with HTML5, Javascript and WebGL |  | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

StackBlur | Fast and almost Gaussian blur | ` npm i -S stackblur-canvas` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

typewriterjs | A simple yet powerful native javascript plugin for a cool typewriter effect | ` npm i -S typewriterjs` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

## Recording

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

Html2canvas | The script allows you to take "screenshots" of webpages or parts of it, directly on the users browser | ` npm i -S html2canvas` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

Animated_gif | Javascript library for creating animated GIFs | ` npm i -S animated_gif` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

CCapture | A library to capture canvas-based animations at a fixed framerate | `npm i -S ccapture.js` | [![Coverage](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)

Videojs-record | video.js plugin for recording audio/video/image files | ` npm i -S videojs-record` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

Gif.js | JavaScript GIF encoder that runs in your browser | ` npm i -S gif.js` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

## Inputs

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

vue-picture-input | Mobile-friendly picture file input Vue.js component with image preview, drag and drop, EXIF orientation, and more | ` npm i -S vue-picture-input` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

Hammer | A javascript library for multi-touch gestures. You can touch this ! | ` npm i -S hammerjs` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

Piano | Virtual keyboard for touch devices | `npm i -S piano.js` | [![Coverage](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)

SerialPort2 | node.js serial port driver | ` npm i -S serialport2` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

USB | Improved USB library for NodeJS | ` npm i -S usb` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

Keyboard | Keyboard as an object in the DOM | ` npm i -S keyboard` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

Cheet | Easy easter eggs (konami code, etc) for your site | `npm i -S cheet.js` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

Mousetrap | Simple library for handling keyboard shortcuts | `npm i -S mousetrap` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

Hamsterjs | Standalone javascript library for cross-browser mouse wheel support | ` npm i -S hamsterjs` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

vue-multiselect | Probably the most complete selecting solution for Vue.js, without jQuery. | ` npm i -S vue-multiselect` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

 tokenfield  | Input field with tagging/token/chip capabilities written in raw JavaScript. | ` npm i -S tokenfield` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

 vue-flatpickr  | Flatpickr for VueJS. | ` npm i -S vue-flatpickr` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

## Camera

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

WebcamJS | HTML5 Webcam Image Capture Library with Flash Fallback | `npm i -S webcamjs` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

## Signal processing

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

Clmtrackr | Javascript library for precise tracking of facial features via Constrained Local Models | `import 'clmtrackr.js'` | [![Coverage](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)

Jsfeat | JavaScript Computer Vision library | `npm i -S clmtrackr.js` | [![Coverage](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)

## System

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

fs-extra | Node.js extra methods for the fs object like copy(), remove(), mkdirs() | `npm i -S fs-extra` | [![Coverage](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)

## Emoji

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

emojione | Emojione is the open emoji standard. The web's first and only complete open source emoji set. It is 100% free and super easy to integrate. | `npm i -S emojione` | [![Coverage](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)

## Tooling

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

lodash | Rotates the elements of an array in place. | `npm i -S lodash` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

rotate-array | utility library delivering modularity, performance, & extras to play with Arrays, Collection and more | `npm i -S rotate-array` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

Idle.js | Script to create handlers for onIdle onActive onHidden onShow statuses, compatible with `` tag and webpack | `npm i -S idle-js` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="http://www.stringjs.com/" target="_blank">StringJS</a> | JavaScript library for the browser or for Node.js that provides extra String methods | ` npm i -S string` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/hubspot/offline" target="_blank">Offline</a> | Automatically display online/offline indication to your users |  | [![Coverage](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)

<a href="https://noraesae.github.io/perfect-scrollbar/" target="_blank">PerfectScroll</a> | minimalistic scrollbar plugin working with jQuery or vanilla JavaScript as well. | ` npm i -S perfect-scrollbar` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/lookstudios/vue-loop" target="_blank">vue-loop</a> | Infinite content loop for Vue | ` npm i -S vue-loop` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/atomiks/tippyjs" target="_blank">tippyjs</a> | A lightweight, pure JS tooltip library  | ` npm i -S tippy.js` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/moment/moment" target="_blank">Moment</a> | Parse, validate, manipulate, and display dates in javascript | ` npm i -S moment` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/szimek/signature_pad" target="_blank">Signature_pad</a> | HTML5 canvas based smooth signature drawing | ` npm i -S signature_pad` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://code.google.com/archive/p/dat-gui/" target="_blank">Dat-Gui</a> | A lightweight graphical user interface for changing variables in JavaScript | ` npm i -S dat-gui` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="http://wicky.nillia.ms/enquire.js" target="_blank">Enquire</a> | a lightweight, pure JavaScript library for responding to CSS media queries | ` npm i -S enquire.js` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://modernizr.com/docs" target="_blank">Modernizr</a> | Automatically detects the availability of next-generation web technologies in your user's browsers | ` npm i -S -g modernizr` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="http://verge.airve.com/" target="_blank">Verge</a> | Compact set of cross-browser viewport utilities written in native JavaScript | ` npm i -S verge` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="http://sizzlejs.com/" target="_blank">Sizzle</a> | A pure-JavaScript, bottom-up CSS selector engine designed to be easily dropped in to a host library |  ` npm i -S sizzle` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/Sopamo/vue-online" target="_blank">vue-online</a> | A reactive online/offline component for vue.js |  ` npm i --save-dev vue-online` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/sindresorhus/opn" target="_blank">opn</a> | A better node-open. Opens stuff like websites, files, executables. Cross-platform. |  ` npm i -S opn` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/SBoudrias/Inquirer.js" target="_blank">inquirer.js</a> | A collection of common interactive command line user interfaces. |  ` npm i -S inquirer ` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/KyleAMathews/deepmerge" target="_blank">deepmerge</a> | A library for deep (recursive) merging of Javascript objects |  ` npm i -S deepmerge ` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/hughsk/flat" target="_blank">flat</a> | Flatten/unflatten nested Javascript objects |  ` npm i -S flat ` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/kriskowal/q" target="_blank"> q </a> | A promise library for JavaScript |  ` npm i -S q ` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/algolia/vue-instantsearch" target="_blank">vue-instantsearch</a> | Algolia components for building search UIs with Vue.js |  ` npm i -S vue-instantsearch ` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/sindresorhus/meow" target="_blank"> meow </a> | CLI app helper |  ` npm i -S meow ` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

## PDF

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

<a href="https://github.com/bpampuch/pdfmake" target="_blank">Pdfmake</a> | A lightweight graphical user interface for changing variables in JavaScript | ` npm i -S pdfmake` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/esbenp/pdf-bot" target="_blank">pdf-bot</a> | A Node queue API for generating PDFs using headless Chrome. Comes with a CLI, S3 storage and webhooks for notifying subscribers about generated PDFs | ` npm i -g pdf-bot` | [![Coverage](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)

## Perf

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

<a href="https://github.com/lmacsen/rstats" target="_blank">Rstats.js</a> | rStats aims to provide a way of measuring and visualizing performance of your code, mainly in apps based on an update loop, like games or interactive experiences. | ` npm i -S rstats.js` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/mrdoob/stats.js" target="_blank">Stats.js</a> | JavaScript Performance Monitor | ` npm i -S stats.js` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

## Tracking

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

<a href="https://github.com/crookedneighbor/amplitude" target="_blank">Amplitude</a> | A node wrapper for Amplitude analytics | ` npm i -S amplitude` | [![Coverage](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)

<a href="https://github.com/andjosh/gatrack.js" target="_blank">GATracks</a> | Easily track user events with Google Analytics. Test UI/UX theories, compare client performance/speed, even track client-side errors. All user events are tied to all other session data in Google Analytics. | ` npm i -S gatrack` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

## Social network

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

<a href="https://github.com/ttezel/twit" target="_blank">Twit</a> | Twitter API client for node (REST &amp; Streaming) | ` npm i -S twit` | [![Coverage](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)

<a href="https://github.com/totemstech/instagram-node" target="_blank">Instagram-node</a> | NodeJS driver for the instagram API | ` npm i -S instagram-node` | [![Coverage](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)

<a href="https://github.com/node-facebook/facebook-node-sdk" target="_blank">Fb</a> | With facebook-node-sdk you can now easily write the same code and share between your server (nodejs) and the client (Facebook Javascript SDK) | ` npm i -S fb` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

## Data visualization

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- |  ------------- |

<a href="https://github.com/d3/d3" target="_blank">D3</a> | D3 is a JavaScript library for visualizing data using web standards. D3 helps you bring data to life using SVG, Canvas and HTML. D3 combines powerful visualization and interaction techniques with a data-driven approach to DOM manipulation, giving you the full capabilities of modern browsers and the freedom to design the right visual interface for your data. | ` npm i -S d3 ` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/pcbje/ggraph" target="_blank">ggraph</a> | Graph visualization of big messy data. This is a library built on top D3 with the goal of improving how we work with large and messy graphs. It extends the notion of nodes and links with groups of nodes. This is useful when multiple nodes are in fact the same thing or belong to the same group. | ` npm i -S ggraph ` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/micotton/dejavue" target="_blank">dejavue</a> | Visualization and debugging tool built for Vue.js | [Chrome Web Store](https://chrome.google.com/webstore/detail/dejavue/jpigngmphmclcmikmcbcfplgnhlnefbp) | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/queckezz/fmt-obj" target="_blank">fmt-obj</a> | Prettifies any javascript object in your console. Make it look awesome! | `npm i -S fmt-obj` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/medikoo/cli-color" target="_blank">cli-color</a> | Colors and formatting for the console | `npm i -S cli-color` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/Jam3/devtool" target="_blank"> devtool </a> | Runs Node.js programs through Chromium DevTools (using Electron) | `npm i -g devtool` | [![Coverage](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)

<a href="https://github.com/qingwei-li/vue-trend" target="_blank"> vue-trend </a> | Simple, elegant spark lines for Vue.js | `npm i -S vuetrend` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/arvidkahl/vue-json-tree-view" target="_blank"> vue-json-tree-view </a> | A JSON Tree View Component for Vue.js | `npm i -S vue-json-tree-view` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/caldwell/renderjson" target="_blank"> renderjson </a> | Render JSON into collapsible HTML | `npm i -S renderjson` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/williamngan/pts" target="_blank"> pts </a> | Compose and visualize points in spaces | `npm i -S pts ` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/uber/deck.gl" target="_blank"> deck.gl </a> | WebGL based visualization layers | `npm i -S deck.gl ` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

## Tiers service

Name | Description | Install | Compatibility |

------------- | ------------- | ------------- | ------------- |

<a href="http://www.mandrill.com/" target="_blank">Mandrill</a> | JS wrapper for mandrill API. Mandrill is a transactional email API for MailChimp users. It's reliable, powerful, and ideal for sending data-driven emails, including targeted e-commerce and personalized one-to-one messages.  | ` npm i -S mandrill-api` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/flipxfx/download-git-repo" target="_blank">download-git-repo</a> | Download and extract a git repository (GitHub, GitLab, Bitbucket) from node. | ` npm i -S download-git-repo` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/steveukx/git-js" target="_blank">git-js</a> | A light weight interface for running git commands in any node.js application. | ` npm i -S simple-git` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

## Translations

Name | Description | Install  | Compatibility |

------------- | ------------- | ------------- | ------------- |

<a href="http://i18next.com/" target="_blank">i18next</a> | internationalization ecosystem framework, i18next is a very popular internationalization library for browser or any other javascript environment (eg. node.js). | ` npm i -S i18next` | [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

<a href="https://github.com/kazupon/vue-i18n" target="_blank">vue-i18n</a> | Internationalization plugin of Vue.js  | ` npm i -S vue-i18n`| [![Coverage](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)](https://img.shields.io/badge/coverage-both-green.svg?style=flat-square)

## Fonts

Name | Description | Install  | Compatibility |

------------- | ------------- | ------------- | ------------- |

<a href="https://github.com/KyleAMathews/typefaces" target="_blank"> typefaces </a> | NPM packages for Open Source typefaces — making it easier to self-host webfonts. | `npm i -S typeface-myopensourcefont` | [![Coverage](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)](https://img.shields.io/badge/coverage-node-yellow.svg?style=flat-square)

<a href="https://github.com/jenil/icongram" target="_blank"> icongram </a> | Icons on the fly | <a href="https://icongr.am/" target="_blank"> RTFM </a> | [![Coverage](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)

<a href="https://github.com/rsms/inter" target="_blank"> inter </a> | The Inter UI font family | <a href="https://icongr.am/" target="_blank"> RTFM </a> | [![Coverage](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)](https://img.shields.io/badge/coverage-chrome-orange.svg?style=flat-square)

## Credits

This is inspired from the [list](https://github.com/soixantecircuits/awesome-app-js) of Soixante Circuits. Most credit goes to them! 👏