DEV Community

Anthony Dodd
Anthony Dodd

Posted on

Announcing YBC | Yew Bulma Components

YBC is a Yew component library based on the Bulma CSS framework.

YBC encapsulates all of the structure, style and functionality of the Bulma CSS framework as a set of Yew components. YBC also ships with support for the Yew Router, adding Bulma-styled components which wrap the Yew Router components for clean integration.

As a guiding principal, YBC does not attempt to encapsulate every single Bulma style as a Rust type, let alone the many valid style combinations. That would be far too complex, and probably limiting to the user in many ways. Instead, YBC handles strucutre, required classes, functionality, sane defaults and every component can be customized with any additional classes for an exact look and feel.

To get started with YBC, have a look at the Getting Started guide in the README. A few pertinent highlights:

  • YBC works out of the box with Bulma CSS. Add <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.0/css/bulma.min.css"/> to your HTML, and then you're ready to start using YBC.
  • YBC also supports full customization using Bulma's recommended customization pattern. Details here. TL;DR, use Trunk for building & bundling your app. It will handle compiling your scss/sass, which is what you will use for customizing Bulma.

Let me know what you think. The hope is that this crate will make building web apps with Rust WASM that much easier. Cheers!

Top comments (0)