Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/soixantecircuits/awesome-app-js
This document list all the javascript libs used at Soixante circuits. They are compatible with Webpack and run in the browser and / or node only.
https://github.com/soixantecircuits/awesome-app-js
List: awesome-app-js
awesome awesome-list javascript-library npm yarn
Last synced: 3 months ago
JSON representation
This document list all the javascript libs used at Soixante circuits. They are compatible with Webpack and run in the browser and / or node only.
- Host: GitHub
- URL: https://github.com/soixantecircuits/awesome-app-js
- Owner: soixantecircuits
- Created: 2016-01-23T15:06:49.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-07-04T09:30:09.000Z (over 7 years ago)
- Last Synced: 2024-07-29T14:05:09.120Z (3 months ago)
- Topics: awesome, awesome-list, javascript-library, npm, yarn
- Homepage: http://soixantecircuits.fr
- Size: 77.1 KB
- Stars: 16
- Watchers: 10
- Forks: 3
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-app-js - list
- ultimate-awesome - awesome-app-js - This document list all the JavaScript libs used at Soixante circuits. They are compatible with Webpack and run in the browser and / or node only. (Other Lists / PowerShell Lists)
README
# Awesome app
This document list all the javascript libs used at [Soixante circuits](http://soixantecircuits.fr). They are compatible with Webpack and run in the browser and / or node only.
So far **71** libs.
There are tons of libs out there. You certainly not need them all. For sure it's a pain to test, check, and push the limit of each of them when you start a new project. To ease the process of development, we decided to stick to some of the libs we really enjoyed to use. They are selected because they did not fail our test and have been use in website or in application for clients and for internal projects. All of them are under the **MIT licence**.
Every month we test the ease of use, the learning curve, the maintenance of these libs. We won't reinvent the wheel so lets keep improving and focus our energy on the libs that already exist.
This list respects the [Single Responsibility Principle](https://en.wikipedia.org/wiki/Single_responsibility_principle). This means each of them do something chirurgically and do it well. When you build your project you will not need them all :)
[
](https://github.com/soixantecircuits/neodymium) This list is maintened continuously and serves as a startup prompt for [Neodymium Generator](https://github.com/soixantecircuits/neodymium).
**Neodymium** allows to built interactive applications fast and without any pain. It brings Webpack and tested set of libs out of the box, tested in production ready projects.
Let's build something great ! ⚒
## Routing
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
Crossroads | It parses a string input and decides which action should | ` npm i -S crossroads` | [
](https://www.npmjs.com/package/crossroads) |  | 
Hasher | Set of functions to control browser history | ` npm i -S hasher` | [
](https://www.npmjs.com/package/hasher) |  | 
## Communication
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
Signals.js | similar to an Event Emitter/Dispatcher or a Pub/Sub system | ` npm i -S signals` | [
](https://www.npmjs.com/package/signals) |  | 
Socket.io/server | Socket.IO enables real-time bidirectional event-based communication | ` npm i -S socket.io` | [
](https://www.npmjs.com/package/socket.io) |  | 
Socket.io/client | Socket.IO enables real-time bidirectional event-based communication | ` npm i -S socket.io-client` | [](https://www.npmjs.com/package/socket.io) |  | 
Spacebro | Server for broadcasting socket.io service | ` npm i -S spacebro` | [
](https://www.npmjs.com/package/spacebro) |  | 
Spacebro client | Connect thru socket.io with ZeroConf | ` npm i -S spacebro-client` | [
](https://www.npmjs.com/package/spacebro-client) | | 
## Request
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
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` | |  | 
## Caching
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
Bitfrost | Bifrost cache and queue your POST request when internet is down. It will try to forward your query to the desired endpoint, if it fail it will save the POST data and try to update them periodically. It will forward the response as it is. | | |  | 
Superagent-cache | Superagent with built-in, customizable caching | npm i -S superagent-cache` | |  | 
## Persistent data
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
Native LocalStorage | | [RTFM](https://en.wikipedia.org/wiki/RTFM) | |  | 
Lawnchair | simple json storage | ` npm i -S lawnchair` | |  | 
Linvodb3 | Model-oriented embedded database, inspired by Mongoose & MongoDB, over LevelUP | ` npm i -S linvodb3` | |  | 
## State machine
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
Machina | A library for creating powerful and flexible finite state machines | ` npm i -S machina` | |  | 
## Animation
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
GSAP | Think of GSAP as the Swiss Army Knife of web animation...but better | `npm i -S gsap` | |  | 
Tween | Super simple, fast and easy to use tweening engine | ` npm i -S tween.js` | |  | 
elementTransitions | Simple transitions for web pages | | |  | 
## Image manipulation
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
Fabric.js | Play with the canvas | `npm i -S fabric-browserify` | [
](https://www.npmjs.com/package/fabric-browserify) |  | 
Resizer(burno.js) | Resize elements inside containers according to many possible options | | |  | 
Zooming | Zooms | | |  | 
RgbQuant | color quantization lib | ` npm i -S rgbquant` | |  | 
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 | |  | 
Image-scale needs to be made JQueryless | Scale images to fit or fill any target container via two simple properties: scale and align. | ` npm i -S image-scale` | |  | 
RetinaJS | open source script that serves high-resolution images to devices with retina displays | ` npm i -S retina.js` | |  | 
## Video playback
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
VideoJS | An HTML5 and Flash video player with a common API and skin for both | ` npm i -S videojs` | |  | 
## Audio playback
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
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` | |  | 
## Slider
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
Lory | Touch enabled minimalistic slider written in vanilla JavaScript | ` npm i -S lory.js` | |  | 
PhotoSwipe | JavaScript image gallery for mobile and desktop, modular, framework independent | ` npm i -S photoswipe` | |  | 
Swiper | Most modern mobile touch slider with hardware accelerated transitions | ` npm i -S swiper` | |  | 
## Sprite animation
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
Motio | Small JavaScript library for sprite based animations and panning | | |  | 
spritesheet.js | Command-line spritesheet generator supporting Starling / Sparrow, PIXI.js, Easel.js and cocos2d | | |  | 
sprite-anim | Simple spritesheet animation engine. | `npm i -S sprite-anim` | |  | 
## Template engine
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
Vue.js | Simple, Fast & Composable MVVM for building interactive interfaces | ` npm i -S vue` | |  | 
React | A declarative, efficient, and flexible JavaScript library for building user interfaces. | ` npm i -S react` | |  | 
## DOM playing
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
drag-drop | HTML5 drag & drop for humans | `npm i -S drag-drop` | [
](https://www.npmjs.com/package/drag-drop) |  | 
Dragula | :ok_hand: Drag and drop so simple it hurts | `npm i -S dragula` | [
](https://www.npmjs.com/package/dragula) |  | 
## Rendering
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
Three | JavaScript 3D library | ` npm i -S three` | |  | 
Pixi | Pixi.js is a fast lightweight 2D library that works across all devices | ` npm i -S pixi.js` | |  | 
## Effects
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
Seriously | A real-time, node-based video effects compositor for the web built with HTML5, Javascript and WebGL | | |  | 
StackBlur | Fast and almost Gaussian blur | ` npm i -S stackblur-canvas` | |  | 
## Recording
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
Html2canvas | The script allows you to take "screenshots" of webpages or parts of it, directly on the users browser | ` npm i -S html2canvas` | |  | 
Animated_gif | Javascript library for creating animated GIFs | ` npm i -S animated_gif` | |  | 
CCapture | A library to capture canvas-based animations at a fixed framerate | | |  | 
Videojs-record | video.js plugin for recording audio/video/image files | ` npm i -S videojs-record` | |  | 
Gif.js | JavaScript GIF encoder that runs in your browser | ` npm i -S gif.js` | |  | 
## Inputs
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
Hammer | A javascript library for multi-touch gestures :// You can touch this | ` npm i -S hammerjs` | |  | 
Piano | Virtual keyboard for touch devices | | |  | 
SerialPort2 | node.js serial port driver | ` npm i -S serialport2` | |  | 
USB | Improved USB library for NodeJS | ` npm i -S usb` | |  | 
Keyboard | Keyboard as an object in the DOM | ` npm i -S keyboard` | |  | 
Cheet | easy easter eggs (konami code, etc) for your site | `npm i -S cheet.js` | |  | 
Mousetrap | Simdle library for handling keyboard shortcuts | `npm i -S mousetrap` | |  | 
Hamsterjs | standalone javascript library for cross-browser mouse wheel support | ` npm i -S hamsterjs` | |  | 
vue-multiselect | Probably the most complete selecting solution for Vue.js, without jQuery. | ` npm i -S vue-multiselect` | |  | 
## Camera
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
WebcamJS | HTML5 Webcam Image Capture Library with Flash Fallback | ` npm i -S webcamjs` | |  | 
## Signal processing
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
Clmtrackr | Javascript library for precise tracking of facial features via Constrained Local Models | | |  | 
Jsfeat | JavaScript Computer Vision library | | |  | 
## System
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
fs-extra | extra methods for the fs object like copy(), remove(), mkdirs() | `npm i -S fs-extra` | [
](https://www.npmjs.com/package/fs-extra) |  | 
## Emoji
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
emojione | EmojiOne™ is the open emoji standard. #iwantemojione http://www.emojione.com | `npm i -S emojione` | [
](https://www.npmjs.com/package/emojione) |  | 
## Tooling
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
lodash | Rotates the elements of an array in place. | `npm i -S lodash` | [
](https://www.npmjs.com/package/lodash) |  | 
lodash | utility library delivering modularity, performance, & extras to play with Arrays, Collection and more | `npm i -S rotate-array` | [
](https://www.npmjs.com/package/rotate-array) |  | 
Idle.js | Script to create handlers for onIdle onActive onHidden onShow statuses, compatible with `` tag and webpack | `npm i -S idle-js` | |  | 
<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` | |  | 
<a href="https://github.com/hubspot/offline" target="_blank">Offline</a> | Automatically display online/offline indication to your users | | |  | 
<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` | |  | 
<a href="https://github.com/moment/moment" target="_blank">Moment</a> | Parse, validate, manipulate, and display dates in javascript | ` npm i -S moment` | |  | 
<a href="https://github.com/szimek/signature_pad" target="_blank">Signature_pad</a> | HTML5 canvas based smooth signature drawing | ` npm i -S signature_pad` | |  | 
<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` | |  | 
<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` | | | 
<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` | |  | 
<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` | |  | 
<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` (might not be same team) (to test if automatic css prefixing) | |  | 
## Pdf
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
<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` | |  | 
## Perf
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
<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` | |  | 
<a href="https://github.com/mrdoob/stats.js" target="_blank">Stats.js</a> | JavaScript Performance Monitor | ` npm i -S stats.js` | |  | 
## Tracking
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
<a href="https://github.com/soixantecircuits/off" target="_blank">Off</a>[Off](https://github.com/soixantecircuits/off) | Allow to track clicks and touchend on a webapp | | |  | 
<a href="https://github.com/crookedneighbor/amplitude" target="_blank">Amplitude</a> | A node wrapper for Amplitude analytics | ` npm i -S amplitude` | |  | 
<a href="https://github.com/andjosh/gatrack.js" target="_blank">GATracks</a> | Easily track user events with Google Analytics | ` npm i -S gatrack` | |  | 
## Social network
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
<a href="https://github.com/ttezel/twit" target="_blank">Twit</a> | Twitter API client for node (REST & Streaming) | ` npm i -S twit` | |  | 
<a href="https://github.com/totemstech/instagram-node" target="_blank">Instagram-node</a> | NodeJS driver for the instagram API | ` npm i -S instagram-node` | |  | 
<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` | |  | 
## Tiers service
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
<a href="https://mandrillapp.com/api/docs/" target="_blank">Mandrill</a> | JS wrapper for mandrill API | ` npm i -S mandrill-api` | [<img src="https://img.shields.io/npm/dm/mandrill-api.svg" align="right">](https://www.npmjs.com/package/mandrill-api) |  | 
## Translations
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
<a href="http://i18next.com/" target="_blank">i18next</a> | internationalization framework | ` npm i -S i18next` | | | |
<a href="https://github.com/kazupon/vue-i18n" target="_blank">vue-i18n</a> | Internationalization plugin of Vue.js | ` npm i -S vue-i18n`| | | |
## QR code
Name | Description | install | Trend | Compat | Authored
------------- | ------------- | ------------- | ------------- | ------------- | -------------
<a href="https://github.com/soldair/node-qrcode" target="_blank">node-qrcode</a> | QR code generator module, supporting multiple sets of characters and auto-generating optimized segments for best data compression and smallest QR Code size. Comes with a CLI. Best for server-side. | `npm install -g qrcode` | |  |  |
<a href="https://github.com/neocotic/qrious" target="_blank">QRious</a> | QRious is a pure JavaScript library for generating QR codes using HTML5 canvas. Best for client-side. | `npm install --save qrious` | |  |  |