Open Source

An Open World

We believe in an open web. Front End development is advancing at light speed largely due to open source code and the people committed to making the web better. Here are the tools and products we've made.


Docs & Training

Playbook

A practical guide to building modern applications. It is the foundation that allows us to architect & design systems that move our client projects forward.

Launch
Docs & Training

Ecology

Write markdown documentation for React Components, and Ecology will automatically generate a table of Props and interactive code sandboxes.

View on Github
Docs & Training

ES6 Interactive Guide

A quick rundown of the new features in ECMAScript 6. Start playing with them now in our code sandboxes.

Launch
FE Tools

CSS to Radium

A CLI utility to convert the contents of a CSS file to a Radium-compatible JS object.

View on Github
FE Tools

Redux Little Router

Let the URL do the talking for Redux applications with this tiny router.

View on Github
FE Tools

React Shuffle

Wrap components in Shuffle to add smooth transitions between shuffling or filtering them.

View on Github
FE Testing

Mock RAF

A simple mock for requestAnimationFrame testing with fake timers. Adapted with gratitude from react-motion.

View on Github
Infrastructure Tools

Multibot

Multibot allows you to invoke actions (read, etc.) on 1+ files in 1+ repositories concurrently. It is meant to be a helper tool for multi-project updates, branches, pull requests, etc.

View on Github
Infrastructure Tools

Inspectpack

For Webpack frontend JavaScript bundles, inspectpack gives insight into what’s in your production JavaScript bundles: where you can cut down file size, duplicates, etc.

View on Github
Infrastructure Tools

Webpack Stats Plugin

Ingest the webpack stats object, process / transform the object and write out to a file for further consumption. The most common use case is building a hashed bundle and wanting to programmatically refer to the correct bundle path in your Node.js server.

View on Github
Infrastructure Tools

RequirePack

RequirePack bridges this gap by providing an interoperability layer to allow a Webpack-generated shared library to be consumed by RequireJS entry points.

View on Github
Infrastructure Tools

Abstract Log

An micro log wrapper to implement production shims, loggers, etc. The primary use case is for a project that needs to do some logging but doesn’t want to take dependencies on a specific logger or assume use in a specific environment.

View on Github