node package manager



bitHound Overall Score

vitreum is a collection of front-end build tasks using common build tools; React, Browserify, LESS, and LiveReload. vitreum focuses on incredibly fast build times and tooling for tightly active development. It's composed of several independant steps that you can configure to meet exactly what your project needs.


npm install vitreum


To really get going quickly, I've made a separate project for common commandline tools for vitreum, including a complete project bootstrap.

folder-based components

One of the core reason why Vitreum exists to to make it easy to use folder-based components. These components are self-contained within a folder with a JSX component and an associated LESS file with it. Any assets or sub-components it needs should be located within it's own folder. If the .jsx file is required within your build, it's .less file also be automatically included in the LESS compile step.

This method keeps your components incredibly modular and then your file system reflects your component hierarchy.

  ├─ page.jsx
  ├─ page.less
  ├─ user.png
  └─ /widget
    ├─ widget.jsx
    └─ widget.less


Check out the to see how each step works.


See the for some best practices and sample build scripts to get going.