# 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.
- 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.

browserify.md Github