# Performance tools ##### Reporting: - [WEIGHTOF.IT](http://weightof.it/category/application-frameworks) - [Web Page Test](http://www.webpagetest.org/) - [GTmetrix](https://gtmetrix.com/) - [Speed Curve](https://speedcurve.com/) [$] - [Chrome Devtools Timeline](https://developers.google.com/web/tools/profile-performance/evaluate-performance/timeline-tool?hl=en) ##### JS tools: - [ImageOptim-CLI](http://jamiemason.github.io/ImageOptim-CLI/) - [imagemin](https://github.com/imagemin/imagemin)

# JavaScript error reporting/monitoring - [Raygun](https://raygun.io) [$] - [errorception](https://errorception.com/) [$] - [sentry](https://getsentry.com/welcome/) [$] - [{track:js}](https://trackjs.com/) [$]

# Site/app monitoring tools ##### Uptime: - [pingdom](#) [free to $] - [Uptime Robot](https://uptimerobot.com/) - [Uptrends](https://www.uptrends.com/) [$] ##### General: - [New Relic](http://newrelic.com/)

# Deployment tools - [FTPLOY](http://ftploy.com/) [free to $] - [Travis CI](http://docs.travis-ci.com/) [free to $] - [codeship](https://codeship.com/) [free to $] - [Bamboo](https://www.atlassian.com/software/bamboo/) [$] - [Springloops](http://www.springloops.io/) [free to $] - [surge](https://surge.sh/) - [sync ninja](http://www.syncninja.com/)

# Tasking (aka build) tools ##### Tasking/build tools: - [Gulp](http://gulpjs.com/) - [Grunt](http://gruntjs.com/) ##### Tasking/build and more tools: - [Brunch](http://brunch.io/) - [Mimosa](http://mimosa.io/)

# Security Tools ##### Coding tool: - [DOMPurify](https://github.com/cure53/DOMPurify) - [XSS](http://jsxss.com/en/index.html) ##### References: - [HTML5 Security Cheatsheet](https://html5sec.org/)

# Offline tools - [upup](https://www.talater.com/upup/) - [offline.js](http://github.hubspot.com/offline/docs/welcome/) - [pouchdb](http://pouchdb.com/) - [hood.ie](http://hood.ie/)

# Backend as a service (aka BAAS) tools for front-end developers ##### Data management: - [Firebase](https://www.firebase.com/index.html) [free to $] - [Parse](https://www.parse.com/) [free to $] - [kinvey](http://www.kinvey.com/) [free'ish to $] - [Back&](https://www.backand.com/) [free to $] - [Pusher](https://pusher.com/) ##### User management as a service: - [UserApp](https://www.userapp.io/) - [hull](http://www.hull.io/) - [auth0](https://auth0.com)

# Content Management Hosted/API tools ##### API CMS (i.e. content delivery CMS) tools: - [prismic.io](https://prismic.io/) [free to $] - [contentful](https://www.contentful.com/) [$] - [Cosmic JS](https://cosmicjs.com/) [free to $] ##### Hosted CMS tools: - [LightCMS](https://www.lightcms.com) [$] - [Surreal CMS](http://www.surrealcms.com/) [$] - [Page Lime](http://www.pagelime.com/) [$] - [Cushy CMS](https://www.cushycms.com) [free to $] ##### Static CMS tools: - [webhook.com](http://www.webhook.com/)

# Collaboration & communication tools - [Slack](http://weightof.it/category/application-frameworks) & [screenhero](https://screenhero.com/) [free to $] - [Skype](http://www.skype.com/) - [Google Hangouts](https://hangouts.google.com/) - [Gitter](https://gitter.im) [free to $]

# Project management & code hosting tools - [Github](https://github.com/) [free to $] - [Codebase](https://www.codebasehq.com/) [$] - [Bitbucket](https://bitbucket.org) [free to $] - [Unfuddle](https://unfuddle.com/) [$] - [Assembla](https://www.assembla.com) [free to $]

# Web/cloud/static hosting tools - [AWS](https://aws.amazon.com/websites/) [$] - [Heroku](#) [free to $] - [DigitalOcean](#) [$] - [Modulus](https://modulus.io/) [$] - [DIVSHOT](#) [free to $] - [netlify](https://www.netlify.com) [free to $] - [surge](https://surge.sh/)

# Module/package repository tools - [NPM](https://www.npmjs.com/) - [Bower](http://bower.io/) - [jspm.io](http://jspm.io/)

# Module/package loading tools - [SystemJS](https://github.com/systemjs/systemjs) - [wepback](https://webpack.github.io/) - [Browserify](http://browserify.org/)

# Front-end data storage tools - [YDN-DB](http://dev.yathit.com/ydn-db/index.html) - [forerunner](http://forerunnerdb.com/) - [AlaSQL](http://alasql.org/) - [LokiJS](http://lokijs.org/#/) - [lovefield](https://google.github.io/lovefield) - [Dexie.js](http://www.dexie.org/) - [localForage](http://mozilla.github.io/localForage/) - [pouchdb](http://pouchdb.com/)

# Testing framework tools - [Karma](http://karma-runner.github.io/0.8/index.html) - [Intern](https://www.contentful.com/)

# JSON tools ##### Online editors: - [JSONmate](http://jsonmate.com/) ##### Query tools: - [DefiantJS](http://www.defiantjs.com/) - [ObjectPath](http://objectpath.org/) - [JSON Mask](https://github.com/nemtsov/json-mask) ##### Generating mock JSON tools: - [JSON Generator](http://www.json-generator.com/) - [Mockaroo](https://www.mockaroo.com/) ##### Online JSON mocking API tools: - [Mocky](http://www.mocky.io/) - [FillText.com](http://www.filltext.com/) - [JSONPlaceholder](http://jsonplaceholder.typicode.com/) - [mockable.io](https://www.mockable.io/) ##### Local JSON mocking API tools: - [json-server](https://github.com/typicode/json-server) ##### JSON specifications/schemas: - [json-schema.org](http://json-schema.org/) & [jsonschema.net](http://jsonschema.net/) - [{json:api}](http://jsonapi.org/)

# UI widget tools ##### Desktop & Mobile: - [Kendo UI](http://www.telerik.com/kendo-ui) [free to $] - [Webix](http://webix.com/) [$] - [Semantic UI](http://semantic-ui.com/) - [Metro UI](http://metroui.org.ua/) - [Bootstrap](http://getbootstrap.com/components/) - [Materialize](http://materializecss.com/) - [Material ui](http://material-ui.com/) - [Polymer Paper Elements](https://elements.polymer-project.org/browse?package=paper-elements) - [photonkit](http://photonkit.com/) ##### Mobile focused: - [Ratchet](http://goratchet.com/) - [Kendo UI Mobile](http://demos.telerik.com/kendo-ui/m/index) - [Mobile Angular UI](http://mobileangularui.com/) - [Framework7](http://www.idangero.us/framework7)

# Templating tools ##### Just Templating: - [Mustache.js](https://github.com/janl/mustache.js) - [Handlebars](http://handlebarsjs.com/) - [htmlbars](https://github.com/tildeio/htmlbars) - [Nunjuncks](http://mozilla.github.io/nunjucks/) - [Transparency](http://leonidas.github.io/transparency/) - [doT.js](http://olado.github.io/doT/) ##### Templating and reactive data binding - [Rivets.js](http://rivetsjs.com/) - [paperclip.js](http://paperclipjs.com/) - [riot](http://riotjs.com/) - [vue.js](http://vuejs.org/) - [ractive.js](http://www.ractivejs.org/) - [react.js](https://facebook.github.io/react/index.html) - [RxJS](https://github.com/Reactive-Extensions/RxJS) - [knockout](http://knockoutjs.com/index.html)

# App (desktop, mobile, tablet etc..) tools ##### Front-end app frameworks: - [AngularJS](https://angularjs.org/) & [Batarang](https://github.com/angular/angularjs-batarang) - [Backbone](http://backbonejs.org/) & [Marionette](http://marionettejs.com/) - [React](http://facebook.github.io/react/) & [Flux](http://facebook.github.io/flux/) & [React Developer Tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi) - [Vue.js](http://vuejs.org/) & [vue-loader](https://github.com/vuejs/vue-loader) & [vue-router](https://github.com/vuejs/vue-router) - [Ember](http://emberjs.com/) & [Ember Inspector](https://chrome.google.com/webstore/detail/ember-inspector/bmdblncegkenkacieihfhpjfppoconhi?hl=en) - [Ampersand.js](http://ampersandjs.com/) - [Knockout](http://knockoutjs.com/) - [Aurelia](http://aurelia.io/) - [Polymer](https://www.polymer-project.org/1.0/) & [Iron Elements](https://elements.polymer-project.org/browse?package=iron-elements) & [Paper Elements](https://elements.polymer-project.org/browse?package=paper-elements) ##### Full-stack JS app platforms: - [Meteor](https://www.meteor.com/) - [Hood.ie](http://hood.ie/intro/) - [MEAN](http://mean.io/) ##### Mobile web app/site frameworks: - [Ratchet](http://goratchet.com/getting-started/) - [Kendo UI Mobile](http://demos.telerik.com/kendo-ui/m/index) - [Mobile Angular UI](http://mobileangularui.com/) - [Framework7](http://www.idangero.us/framework7) ##### Hybrid mobile app frameworks (with [Cordova](https://cordova.apache.org/) built in): - [ionic](http://ionicframework.com/) - [onsen.io](http://onsen.io/) ##### Cordova mobile development environments/platforms/tools: - [AppBuilder](http://www.telerik.com/appbuilder) [$] - [Monaca](https://monaca.io/) [$] - [Adobe PhoneGap](http://phonegap.com/) [$] - [kony](http://www.kony.com/products/mobility-platform) [$] - [ionic hub](http://ionic.io/) [free to $] - [Taco](http://taco.tools/) ##### Desktop app frameworks (using browser engine): - [NW.js](https://github.com/nwjs/nw.js) (typically used for desktop apps) - [Electron](http://electron.atom.io/) (typically used for desktop apps) ##### Native app frameworks (using native runtime, no browser engine used): - [NativeScript](https://www.nativescript.org/) - [React Native](https://facebook.github.io/react-native/) ##### References: - [todomvc.com](http://todomvc.com/) ##### App seeds/starters/boilerplates: - [React Starter Kit](http://www.reactstarterkit.com/) - [Ember starter-kit](https://github.com/emberjs/starter-kit) - [NG6-starter](https://github.com/angular-class/NG6-starter) - [Angular 2 Webpack Starter](http://angularclass.com/angular2-webpack-starter/) - [hjs-webpack](https://github.com/henrikjoreteg/hjs-webpack#developing-on-multiple-devices-at-once)