Shoelace

Free✅ Verified todayDesign Systems & UI Kits

Link last checked October 27, 2026

Visit Shoelace  →
Open source

Open-source library of accessible, framework-agnostic web components (Custom Elements) for any framework, with CSS-custom-property theming.

PriceFree (Open Source)
PlatformsWeb
Best forEnterprise, Freelancer, Product Designer

Why we recommend it

Shoelace remains a clean, MIT-licensed component set that works in any framework thanks to web standards. The catch is real: the project is sunset and points to Web Awesome as its successor, so new builds should start there.

Strengths

  • Standards-based Custom Elements work with any framework or no framework, with first-party docs and React/Vue/Angular/Svelte wrappers.
  • Fully themeable via CSS custom properties, design tokens (–sl-*), light/dark themes, and component CSS parts.

Keep in mind

  • Project is sunset: repo archived and docs state 'Shoelace Is Sunset with no active development', directing new work to the Web Awesome successor.
  • Framework integration quirks: React refs and event typings are awkward (GitHub issues #1510, #2440) and event.target typing requires casts.
Is this your tool? Claim this page for free: check the facts, reply to our review and get a badge for your site.
Claim this page

How much does Shoelace cost?

Free (Open Source) — Free.

List price, excluding tax. Compare prices across the directory.

Get a badge for your site

Link back to your listing and let people know it’s featured here — no account needed, just copy the code below onto your own site.

Featured on The Design Tools
<a href="https://thedesigntools.site/tools/shoelace/" style="display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #E6E6E6;border-radius:999px;font:600 13px sans-serif;color:#171717;text-decoration:none"><span aria-hidden="true">◆</span> Featured on <strong>The Design Tools</strong></a>

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.