brick 0,0,0,0,0,0,8,1 travis-ci Bower gulp karma npm

UI Web Components for Modern Web Apps

2 years after Apache-2.0

Brick

Build Status

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.

Install

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 <script> tag.

Development

Brick (and its components) are developed using tools built in JavaScript running on node.js.

The individual components are developed in their own GitHub repositories.

The 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 [email protected]:mozbrick/brick.git
cd brick
npm install
bower install
gulp build

If you'd like to work on all the Brick components at once, try this handy script:

#!/bin/bash
repos=(
  brick
  brick-action
  brick-appbar
  brick-button
  brick-calendar
  brick-common
  brick-deck
  brick-dialog
  brick-flipbox
  brick-form
  brick-input
  brick-layout
  brick-listview
  brick-menu
  brick-storage-indexeddb
  brick-tabbar
)
for repo in "${repos[@]}"
do
  git clone https://github.com/mozbrick/$repo.git;
done

Components

Here is a list of the components currently in the primary distribution of Brick:

If you encounter issues with a component, please file issues against the individual component repositories.

Related Repositories

brickjs

brickjs

:octocat: Create large scale and reactive web applications brick by brick ...

brick-and-x-tags-tutorial

brick-and-x-tags-tutorial

Learning materials for Angelina's tutorial here on building web apps with Brick ...

brick-progressbar

brick-progressbar

<brick-progressbar> - Custom element for bootStrap based progress-bar ...

hapi-brick

hapi-brick

A MVC overlay plugin for HapiJS ...

brick-select

brick-select

A select element for Brick ...


Top Contributors

ldoubleuz potch pennyfx dotch tofumatt wilmoore nicola sole csuwildcat bcbcarl nschonni ChristianKohler mythmon casarock pathawks rodms10 ryanseys ScottMichaud

Dependencies

package version
uglify-js ~2.3.6
clean-css ~1.0.11
promisesaplus ~1.0.1
nunjucks ~0.1.9
lodash ~1.3.1
stylus ~0.37.0
gulp ^3.6.2
dev cheerio ^0.17.0
es6-promise ^1.0.0
event-stream ^3.1.5
gulp ^3.8.0
gulp-bower-files ^0.2.5
gulp-connect ^2.0.5
gulp-gh-pages ^0.3.2
gulp-helptext 0.0.10
gulp-rename ^1.2.0
gulp-rm ^0.2.0
gulp-util ^2.2.17
gulp-vulcanize ^0.2.1
stream-reduce ^1.0.3
through ^2.3.4
karma-firefox-launcher ^0.1.3
karma-mocha ^0.1.6
karma-chai ^0.1.0
chai ^1.9.1
mocha ^1.21.3
karma-chai-plugins ^0.2.1
karma ^0.12.21
gulp-uglify ^0.3.1

Releases

-   2.0.0 zip tar
-   2.0.0-alpha zip tar
-   1.0.4beta zip tar
-   1.0.3beta zip tar
-   1.0.2beta zip tar
-   1.0.1 zip tar
-   1.0.1beta zip tar
-   1.0.0 zip tar
-   1.0.0rc1 zip tar
-   1.0.0-rc2 zip tar
-   1.0.0-beta7 zip tar
-   1.0beta8 zip tar
-   1.0beta7 zip tar
-   1.0beta6 zip tar
-   1.0beta5 zip tar
-   1.0beta zip tar
-   0.10.0 zip tar
-   0.9.2 zip tar
-   0.9.1 zip tar
-   0.9.0 zip tar