Open-source library of accessible, framework-agnostic web components (Custom Elements) for any framework, with CSS-custom-property theming.
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.
How much does Shoelace cost?
Free (Open Source) — Free.
List price, excluding tax. Compare prices across the directory.
Shoelace alternatives and related tools
1 AI prompts for design systems & ui kits — ready-to-copy prompts for this discipline, organised alongside the directory. Browse design systems & ui kits prompts →