Mozilla’s Brick library is a great example of this. Their library contains widgets for:
- Application toolbars, toggle buttons and groups
- Calendar and Date pickers
- Decks and Flipboxes
- A basic layout container
- A slider
- A tab control (obviously)
- And more
Some of these act like polyfills. So for example, Firefox doesn’t yet support input type=”date”. (sigh) So if you use their datepicker in Firefox you see:
Whereas the same code in Chrome does nothing as it is natively supported:
The UI widgets are nice, but what interests me the most right now are the <ahref=”http://mozilla.github.io/brick/docs.html#deck”>decks</a>. Take the following code:
I whipped up a simple demo that demonstrates this. It isn’t pretty - blame me - not Mozilla.
You can run my demo here if you like: http://www.raymondcamden.com/demos/2013/aug/23/test4.html
I definitely encourage you to check it out. Since I first played with it they have had three updates so it is an active project. And frankly - it is fun to write. I dig that.
p.s. A quick edit after I’ve published - I don’t think their site says it yet - but you can follow the Mozilla Brick project on Twitter: https://twitter.com/mozbrick