Shoelace is a library of web UI made of web component standard

published on 2023/02/09

Thanks to the popularity of frameworks such as Angular, Vue, and React, component-driven development has become a part of our every day lives. Components help us encapsulate styles and behaviors into reusable building blocks. They make a lot of sense in terms of design, development, and testing.

Unfortunately, framework-specific components fail us in a number of ways:

  • You can only use them in the framework they're designed for 🔒
  • Their lifespan is limited to that of the framework's ⏳
  • New frameworks/versions can lead to breaking changes, requiring substantial effort to update components 😭

Web components solve these problems. They're supported by all modern browsers, they're framework-agnostic, and they're part of the standard, so we know they'll be supported for many years to come.

This is the technology that Shoelace is built on.

Shoelace

The toolkit looks fantastic.