Awesome Browserify

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

Please help improve this list by contributing!

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.