Web Awesome
Build better with Web Awesome, the open source library of web components from Font Awesome. Upgrade to Pro and ship websites faster! observed · 2026-09-03
Health v2 · maintenance only
95/100
- Activity 100
- Release rhythm 98
- Longevity 78
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: 21
- age_days: 1099
- days_rel: 12
- days_push: 0
- n_releases_24m: 20
Adoption not part of the score
1303 stars · 189 forks observed · 2026-09-03
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
Web Awesome (successor to Shoelace) is an open-source, framework-agnostic design system of 50+ accessible UI components built on standard web components (custom elements), with themes, CSS utilities, page layouts, and localization for 30+ languages. It works with any framework or plain HTML via CDN or npm, and ships AI-readable docs (agent skills and LLMs.txt) for coding assistants.
Use cases
- add buttons, inputs, and dialogs to a plain HTML page via CDN
- use a consistent UI component library across React, Vue, Angular, and Svelte projects
- build accessible forms with client-side constraint validation
- theme a web app with light/dark mode and custom brand palettes
- localize UI components into multiple languages
- style native HTML elements to match a component library
- give an AI coding assistant context about component APIs
When to choose
- you want framework-agnostic components that work with any stack or no framework
- you need accessible, customizable web components with strong theming support
- you want to drop a UI library in via a single CDN script tag
- you're migrating from Shoelace and want its actively developed successor
When to avoid
- you need a full SPA framework with routing and state management
- you require mature server-side rendering — SSR support is still experimental
- you depend on the legacy Shoelace package and don't plan to migrate
- you need every component available in the Figma design kit, which lags behind
Facets
library · maturity active
ui-components css-framework theme internationalization accessibility web-development frontend web-design cross-platform browser cross-platform web-components design-system custom-elements lit shoelace-successor theming framework-agnostic cdn web-server nodejs
10 sources
- readme: https://github.com/shoelace-style/webawesome · fetched 2026-09-03 · 8ee75d580638
- homepage: https://webawesome.com · fetched 2026-08-29 · b41c299471b4
- site_page: https://webawesome.com/docs · fetched 2026-08-29 · 81f0c6a002c8
- site_page: https://webawesome.com/docs/usage · fetched 2026-08-29 · be878b0a0da5
- site_page: https://webawesome.com/docs/form-controls · fetched 2026-08-29 · 03b77d50a844
- site_page: https://webawesome.com/docs/localization · fetched 2026-08-29 · 0274218ad0f0
- site_page: https://webawesome.com/docs/frameworks · fetched 2026-08-29 · fdb42a92d29f
- site_page: https://webawesome.com/docs/ai · fetched 2026-08-29 · 8c926eff7dfc
- site_page: https://webawesome.com/docs/resources/figma · fetched 2026-08-29 · 06aa4948bf40
- site_page: https://webawesome.com/docs/ssr · fetched 2026-08-29 · 693fb940d515
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| shoelace-style/webawesome | main | 95 |
| shoelace-style/shoelace | mirror | 10 |
For agents
markdown · JSON · MCP: product_card(name="shoelace-style/webawesome")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem