At Blossom we are using Dart in production since about two months now and it has been a real pleasure to use. Since most of our Dart code-base is using Web UI we’ve been migrating many of our interaction elements over to become Web UI components to make them easier to reuse.
After using them for some time we thought it might be useful to extract some of the more generic components from our code base and make them accessible to the whole Dart community so that others don’t have to reinvent the wheel.
Today we are releasing a very early version of Bee – a collection of lightweight Web UI components. The initial batch of components includes buttons, popovers, overlays, a loading indicator and a password input field. We intend to expand, refine and improve the collection going forward.
Why Web UI
Web UI is Dart’s implementation of Model Driven Views on top of Web Components. It basically is HTML with a few powerful additional features like data binding, conditions, loops and event listeners. If you are familiar with Angular.js you will love Web UI.
The best thing about Web UI is that you can use it to encapsulate data, behaviour & appearance. This helps a lot if you want to build on top of robust building blocks.
You can learn more about Web UI on the Dart website.
Bee uses Web UI to provide some common interaction elements so you don’t have to reinvent the wheel. For now Bee comes with components for buttons, overlays & popovers but we’ll add more like tooltips and date pickers going forward.
Here is an example of how to use the Bee component for password input fields.
One simple tag and we get show/hide functionality for free. Awesome isn’t it?
Demos & Example Code
You can find more demos and example code on the Bee project website.