Awesome Browserify

🔮 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.
• 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.

Contributing

Contributions welcome! Please read the contributing guidelines before getting started.

License

The browserify logo is by substack.

All other content is released to the public domain under CC0-1.0.