Es6 Tools Overview

An aggregation of tooling for using ES6 today

🏠 Home · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 addyosmani/es6-tools · ⭐ 3.9K · 🏷️ Front-End Development

[ Daily / Weekly / Overview ]

ECMAScript 6 Tools

Transpilers

Babel (⭐42k) - Turn ES6+ code into vanilla ES5 with no runtime
Traceur compiler (⭐8.2k) - ES6 features > ES5. Includes classes, generators, promises, destructuring patterns, default parameters & more.
es6ify (⭐600) - Traceur compiler wrapped as a Browserify v2 transform
babelify (⭐1.7k) - Babel transpiler wrapped as a Browserify transform
es6-transpiler (⭐217) - ES6 > ES5. Includes classes, destructuring, default parameters, spread
Square's es6-module-transpiler (⭐1.2k) - ES6 modules to AMD or CJS
Facebook's regenerator (⭐3.7k) - transform ES6 yield/generator functions to ES5
Facebook's jstransform (⭐481) - A simple utility for pluggable JS syntax transforms. Comes with a small set of ES6 -> ES5 transforms
defs (⭐118) - ES6 block-scoped const and let variables to ES3 vars
es6_module_transpiler-rails (⭐87) - ES6 Modules in the Rails Asset Pipeline
Some Sweet.js macros (⭐235) that compile from ES6 to ES5
Bitovi's transpile (⭐25) - Converts ES6 to AMD, CJS, and StealJS.
regexpu (⭐218) — Transform Unicode-aware ES6 regular expressions to ES5
Lebab (⭐5.5k) - Transformations for ES5 code to ES6 (approximates)

Build-time transpilation

Gulp Plugins

Babel: gulp-babel (⭐1.3k)
Traceur: gulp-traceur (⭐169)
Regenerator: gulp-regenerator (⭐18)
ES6 Module Transpiler: gulp-es6-module-transpiler (⭐61)
es6-transpiler: gulp-es6-transpiler (⭐47) - ES6 → ES5
es6-jstransform: gulp-jstransform (⭐16) - ES6 → ES5 using FB's jstransform (⭐481)
regexpu: gulp-regexpu (⭐4)
TypeScript: gulp-typescript (⭐773)

Grunt Tasks

Babel: grunt-babel (⭐436) - Turn ES6+ code into vanilla ES5 with no runtime
Traceur: grunt-traceur (⭐206) ES6 > ES5 transpilation, grunt-traceur-build (⭐8)
ES6 Module Transpiler: grunt-es6-module-transpiler (⭐85)
Regenerator: grunt-regenerator (⭐20) - ES6 generator functions to ES5
grunt-microlib (⭐29) - tools for libs using ES6 module transpiler (sample Gruntfile (⭐7.3k))
grunt-defs (⭐5) - ES6 block scoped const and let variables, to ES3
es6-transpiler: grunt-es6-transpiler (⭐11) - ES6 → ES5
TypeScript: grunt-ts (⭐323) - ES6+ > ES5/ES3 transpilation

Broccoli Plugins

Babel: broccoli-babel-transpiler (⭐55)
Traceur: broccoli-traceur (⭐29)
Regenerator: broccoli-regenerator (⭐6)
ES6 Transpiler: broccoli-transpiler (⭐11)
ES6 Module Transpiler: broccoli-es6-module-transpiler (⭐5)
ES6 fat arrow transpiler: broccoli-es6-arrow
TypeScript: broccoli-tsc (⭐1)

Brunch Plugins

Babel: babel-brunch (⭐68)
ES6 Module Transpiler: es6-module-transpiler-brunch (⭐9)
TypeScript: typescript-brunch

Webpack plugins

Babel: babel-loader (⭐4.7k)
Traceur: traceur-compiler-loader (⭐4)
TypeScript: awesome-typescript-loader (⭐2.4k)

Duo plugins

Babel: duo-babel (⭐13)
TypeScript: duo-typescript (⭐0)

Connect plugins

Babel: babel-connect (⭐26)
TypeScript: typescript-middleware (⭐9)

Gobble plugins

Babel: gobble-babel (⭐8)
Traceur: gobble-es6-transpiler (⭐1)

Jade plugins

Babel: jade-babel (⭐39)
Traceur: jade-traceur

Jest plugins

Babel: babel-jest (⭐139)

Karma plugins

Babel: karma-babel-preprocessor (⭐167)
Traceur: karma-traceur-preprocessor (⭐13)
TypeScript: karma-typescript-preprocessor (⭐50)

Sprockets plugins

Browser plugins

Scratch JS (⭐349) - A Chrome/Opera DevTools extension to run ES6 on a page with either Babel or Traceur
generator-typescript (⭐19) - Yeoman generator for TypeScript apps

Mocha plugins

Mocha Traceur (⭐15) - A simple plugin for Mocha to pass JS files through the Traceur compiler

Module Loaders

ES6 Module Loader polyfill (⭐2.2k) (compat with latest spec and Traceur)
js-loaders (⭐54) - Mozilla's spec-compliant loader prototype
JSPM - ES6, AMD, CJS module loading/package management
Babel Module Loader (⭐4.7k)
beck.js (⭐5) - toolkit for ES6 Module Loader pipelines, shim for legacy environments

Boilerplates

es6-boilerplate (⭐88) - Tooling to allow the community to use es6 now via traceur in conjunction with amd and browser global modules, with source maps, concatenation, minification, compression, and unit testing in real browsers.
es6-jspm-gulp-boilerplate (⭐137) - Tooling to allow the community to use es6 now via babel in conjunction jspm, with source maps, concatenation, minification, compression, and unit testing in real browsers using es6.

Code generation

generator-node-esnext (⭐4) - Yeoman generator for Traceur apps
generator-es6-babel (⭐9) - Yeoman generator for Babel apps
generator-gulp-babelify (⭐3) - Yeoman generator for Babel, Browserify and Gulp
grunt-init-es6 - scaffold node modules with unit tests, authored in ES6
Loom generators with ES6 ember modules (⭐15)
Brunch plugin for ES6 module transpilation

Polyfills

core-js (⭐18k) - Modular and compact polyfills for ES6 including Symbols, Map, Set, Iterators, Promises, setImmediate, Array generics, etc. The standard library used by Babel (⭐42k).
es6-shim (⭐3.1k) - almost all new ES6 methods — from Map, Set, String, Array, Object, Object.is and more.
WeakMap, Map, Set, HashMap - ES6 Collections
Polymer's WeakMap shim (⭐45)
String.prototype.startsWith
String.prototype.endsWith
String.prototype.at
String.prototype.repeat
String.prototype.includes
String.prototype.codePointAt
String.fromCodePoint
Array.prototype.find
Array.prototype.findIndex
Array.from
Array.of
Object.assign
Number.isFinite
Math.sign
RegExp.prototype.match
RegExp.prototype.search
es6-promise (⭐7.3k) - polyfill for Promises matching the ES6 API
ES6 Map Shim (⭐24) - destructive shim that follows the latest specification as closely as possible.
Function.create
ES6 shim (⭐1.4k)
ES6 Symbol polyfill (⭐179)
ES6 Map, Set, WeakMap (⭐4)
harmony-reflect (⭐445) - ES6 reflection module (contains the Proxy API)
ES5 based shims in pure CJS style - Array, Object, Number, Math and String functions/methods, plus Map, Set, Symbol and WeakMap objects

Editors

ES6 syntax highlighting for Sublime Text and TextMate (⭐32)
ES6 syntax support in WebStorm and PhpStorm, compilation to ES5 with file watchers or task runners
DocPad plugin for Traceur
Grammar and transpilation package (⭐474) for Atom
Learn ES6 transpilation options in Webstorm Read Blog Post

Parsers

Esprima - JavaScript parser supporting ES6, parses to ESTree AST format (⭐4.3k)
Acorn (⭐8.8k) - A small, fast, JavaScript-based JavaScript parser with ES6 support, parses to SpiderMonkey AST format.
esparse (⭐115) - ES6 parser written in ES6.
Traceur compiler (⭐8.2k) also has built-in parser available under traceur.syntax.Parser.

Other

ES.next showcase (⭐300) - real-world usage examples of ES6 features
looper (⭐16) - static analysis tools for ES6
es6-module-packager
es-dependency-graph (⭐30) and grunt-es-dependency-graph (⭐3) - Generate a list of imports and exports from ES6 module files, useful for preloading, bundling, etc.
es6-import-validate (⭐6) and grunt-es6-import-validate (⭐3) - validate matching named/default import statements in ES6 modules.
let-er (⭐186) - transpiles let-block block-scoping (not accepted into ES6) into either ES3 or ES6
Recast (⭐4.3k) - Esprima-based JavaScript syntax tree transformer, conservative pretty-printer, and automatic source map generator. Used by several of the transpilers listed above, including regenerator (⭐3.7k) and es6-arrow-function (⭐52).
Paws on ES6 (⭐332) - Minimalist examples of ES6 functionalities.
ES6 on node - How to use ES6 features in node.js.
es6-translate (⭐5) - Uses the ES6 loader hooks to load (node flavored) commonjs packages in ES6.
Isparta (⭐645)
babel-node - Run node cli with ES6 transpiling using Babel.
ES6 Lab setup (⭐28) - A simple setup for transpiling ES6 to ES5 using Babel or traceur with gulp and jasmine support.
TypeScript - A superset of ECMAScript with strict typing that aims to align with ES6
Rollup - Rollup is a next-generation JavaScript module bundler. Author your app or library using ES2015 modules, then efficiently bundle them up into a single file for use in browsers and Node.js