Brick is a collection of UI components designed for the easy and quick building of web application UIs. Brick components are built using the Web Components standard to allow developers to describe the UI of their app using the HTML syntax they already know.
Brick can be installed using the Bower package manager:
bower install mozbrick/brick
To use Brick in your project, place the following in the
<head> of your main HTML:
<script src="bower_components/brick/dist/platform/platform.js"></script> <link rel="import" href="bower_components/brick/dist/brick.html">
If you are already using Polymer, platform.js or a web browser that supports Web Components, you do not need the above
The individual components are developed in their own GitHub repositories.
mozbrick/brick repository contains the distributions of all the components packaged together as well as tools for building the distributions.
To work on Brick, you will need the following node tools:
npm install -g bower gulp
Building Brick from source
Once you have the prerequisites, you're ready to clone and build from source.
Run the following:
git clone firstname.lastname@example.org:mozbrick/brick.git cd brick npm install bower install gulp build