Brick 1.0.3beta
UI Components for Modern Web Apps
What is Brick?
Brick is a bundle of reusable UI components created with x-tags to enable rapid development of cross-browser and mobile-friendly HTML5 web applications. Brick adds custom HTML tags- allowing developers to express the structure of an application in a clearer, more concise manner.
What are Web Components?
Web Components is a series of emerging W3C standards that allow developers to define custom HTML elements, and interact with them using the native DOM.
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.3beta — 133KFeedback
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 »