shoelace is a set of professionally designed everyday UI components based on web standards for all frameworks as well as regular HTML/CSS/JS.

characteristic

• Works with all frames
• Can be used with CDN
• Fully customizable using CSS
• Includes an official dark theme
• Adequate consideration is given to the accessibility of web pages

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.83/dist/themes/light.css" />
<script type="module" src="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.0.0-beta.83/dist/shoelace.js"></script>

compatibility

Does not support IE11 or pre-Chromium Edge, compatibility is very poor.