Brick 1.0.1beta
UI Components for Modern Web Apps
What is Brick?
Brick is a bundle of reusable UI components - created using W3C Custom Elements APIs & X-Tag - that enable rapid development of immersive HTML5 apps.
What are Web Components?
Web Components is a group of emerging W3C standards that allow developers to define custom HTML elements for use in markup via HTML tags, or dynamically in JavaScript.
Brick in Action
I'm the front face.
And I'm the back face.
Markup
<x-flipbox>
<div>I'm the front face.</div>
<div>And I'm the back face.</div>
</x-flipbox>
JavaScript
// assume that toggleButton and flipBox are already
// defined as their respective DOM elements
toggleButton.addEventListener("click", function(){
flipBox.toggle();
});
Start Stacking
Download Brick
version 1.0.1beta — 129KFeedback
Brick is currently in Beta. You may run into issues using the components, but it likely isn't your fault! Please let us know!
File an Issue »