Shoelace

Shoelace provides a collection of professionally designed, every day UI components built on a framework-agnostic technology. Why spend hundreds of hours (or more) building a design system from scratch? Why make a component library that only works with one framework?

- https://shoelace.style/ - shoelace/button.ts at next... - github.com - shoelace-style/shoelace: A... - github.com

With Shoelace, you can: - Start building things faster (no need to roll your own buttons) - Build multiple apps with different frameworks that all share the same UI - Skip having to learn a new component library every time you switch frameworks

# Quick start Add the following code to your page.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.0.0-beta.39/dist/themes/base.css"> <script type="module" src="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.0.0-beta.39/dist/shoelace.js"></script>

Now you have access to all of Shoelace's components! Try adding a button:

<sl-button>Click me</sl-button>