Awesome Browserify – Massive Collection of Resources

🔮 A curated list of awesome Browserify resources, libraries, and tools.

Contents

• About
• Official Resources
• Community Resources
• Tutorials
• Articles
• Demos
• Videos
• Tools
  • Development Servers
  • Plugins
  • Watchers
  • CSS Bundlers
  • Transforms
  • Node in the Browser
  • Production Tools

About

Browserify lets you require('modules') in the browser by bundling up all of your dependencies.

You can use a node-style require() to organize your browser code and load modules installed by npm. Browserify will recursively analyze all the require() calls in your app in order to build a bundle you can serve up to the browser in a single <script> tag.

Official Resources

• Docs
• Handbook
• Repo
• Website

Community Resources

• IRC
• Twitter
• StackOverflow

Tutorials

• Hello World with Browserify
• Browserify Adventure
• A Gentle Browserify Walkthrough
• Browserify guide (Chinese)

Articles

• Introduction to Browserify
• Using npm on the client side
• How Browserify Works
• Gulp + Browserify: The Everything Post
• Browserify vs Component
• Browserify for Webpack users
• Browserify vs. Webpack

Demos

• Canvas Splitter by hughsk
• Infinite 2D Cave Generator by hughsk
• 2D Velocity Control by sethvincent

Videos

• James Halliday (substack) – LXJS 2013 – Modularidade para todos
• Getting Started with Browserify by shama
• Transform your Bundles with Browserify by shama

Tools

Development Servers

• budo – Dev server for rapid prototyping.
• beefy – Local development server that aims to make using browserify fast and fun.
• wzrd – Super minimal browserify development server.

Plugins

• browserify-hmr – Hot Module Replacement plugin for Browserify.

Watchers

• watchify – Watch mode for browserify builds.
• persistify – Wrapper around browserify to make incremental builds.

CSS bundlers

• sheetify – Modular CSS bundler for browserify.
• parcelify – Add css to your npm modules consumed with browserify.
• css-modulesify – Browserify plugin to load CSS Modules.

Transforms

• babelify – Browserify transform for babel.
• aliasify – Remap require calls at build time.
• brfs – fs.readFileSync() and fs.readFile() static asset browserify transform.

Node in the Browser

• crypto-browserify – Port of node’s crypto module to the browser.
• stream-browserify – The stream module from node core, for browsers!
• buffer – The buffer module from node.js, for the browser.
• requirebin – Write browser JavaScript programs using modules from NPM.

Production Tools

• wzrd.in – Browserify CDN. Browserify-as-a-Service!
• bankai – DIY asset server. Serves HTML, CSS and JS as streams.