Bee

A Collection of lightweight Dart Web UI Components.

Bee is a collection of lightweight interaction elements for modern web applications. It is built on top of Dart's Web UI package. It contains frequently used components like Buttons, Popovers, Overlays, Input Fields and more.

Bee is a Pub Package. To install Bee you can add it to your pubspec.yaml.

name: my-app
dependencies:
  bee: any
Primary
<b-button>Primary</b-button>
<b-secret placeholder="Enter your Password"></b-secret>
Loading
Loading <b-loading></b-loading>
Launch Popover
This is a Popover
<b-popover>
    <span class="select-launch-area">Launch Popover</span>
    <div class="select-body">This is a Popover</div>
</b-popover>
Launch Overlay

Bee

Bee is a collection of lightweight interaction elements for modern web applications. It is built on top of Dart's Web UI package. It contains frequently used components like Buttons, Popovers, Overlays, Input Fields and more.

<span on-click="querySelector('.q-example-overlay').xtag.show()" on-touch-start="querySelector('.q-example-overlay').xtag.show()">Launch Overlay</span>
<b-overlay width="600px" class="q-example-overlay">
  <h2>Bee</h2>
  <p>
    Bee is a collection of lightweight interaction elements for modern web applications. It is built on top of Dart's Web UI package. It contains frequently used components like Buttons, Popovers, Overlays, Input Fields and more.
  </p>
</b-overlay>

In our effort to migrate Blossom from JavaScript to Dart we are also porting all frequently used interaction elements over to use Dart's Web UI. This initial set of Bee components were directly extracted from Blossom. Here you can see a few screenshots of Bee in production.