[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-70665":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":23,"defaultBranch":24,"hasWiki":23,"hasPages":23,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":33,"readmeContent":34,"aiSummary":35,"trendingCount":16,"starSnapshotCount":16,"syncStatus":36,"lastSyncTime":37,"discoverSource":38},70665,"shoelace","shoelace-style\u002Fshoelace","shoelace-style","Shoelace is now Web Awesome. Come see what’s new!","https:\u002F\u002Fwebawesome.com",null,"TypeScript",13866,922,95,84,0,1,4,3,71.8,"MIT License",true,false,"next",[26,27,28,29,30,31,32],"css","designsystem","html","javascript","ui","ux","webcomponents","2026-06-12 04:00:56","\u003Cdiv align=\"center\">\n\n[![Shoelace is now Web Awesome — visit webawesome.com](.github\u002Freadme-banner.png)](https:\u002F\u002Fwebawesome.com)\n\n\u003C\u002Fdiv>\n\n> [!IMPORTANT]  \n> **Shoelace is sunset.** There is no active development on this codebase. The library remains available under the MIT license for existing use, but **please do not open issues, pull requests, or feature requests here**—direct those to **[Web Awesome](https:\u002F\u002Fwebawesome.com)**, the successor project, at [github.com\u002Fshoelace-style\u002Fwebawesome](https:\u002F\u002Fgithub.com\u002Fshoelace-style\u002Fwebawesome).\n\n> [!TIP]  \n> **Already using Shoelace?** Follow the [migration guide](https:\u002F\u002Fwebawesome.com\u002Fdocs\u002Fresources\u002Fmigrating-from-shoelace) to move to Web Awesome, or [point an AI coding agent at it](https:\u002F\u002Fwebawesome.com\u002Fdocs\u002Fresources\u002Fmigrating-from-shoelace#choose-your-migration-path) for a faster path.\n\n**What “Sunset” Means:** Shoelace has **no active development**. **Issues, pull requests, and feature requests** belong on **[Web Awesome](https:\u002F\u002Fgithub.com\u002Fshoelace-style\u002Fwebawesome)**, not this repository. The published package remains available under the MIT license for existing use. **Archiving** this repo on GitHub (optional but recommended) is how you mark it **read-only** on the platform—see _For Repository Maintainers_ below.\n\nWeb Awesome, like Shoelace before it, offers an even larger library of free [components](https:\u002F\u002Fwebawesome.com\u002Fdocs\u002Fcomponents\u002F), plus [themes](https:\u002F\u002Fwebawesome.com\u002Fdocs\u002Fthemes\u002F), [utilities](https:\u002F\u002Fwebawesome.com\u002Fdocs\u002Futilities\u002F), [patterns](https:\u002F\u002Fwebawesome.com\u002Fdocs\u002Fpatterns\u002F), and more.\n\n---\n\n# Shoelace\n\nA forward-thinking library of web components.\n\n- Works with all frameworks 🧩\n- Works with CDNs 🚛\n- Fully customizable with CSS 🎨\n- Includes an official dark theme 🌛\n- Built with accessibility in mind ♿️\n- Open source 😸\n\n---\n\n- Documentation: [shoelace.style](https:\u002F\u002Fshoelace.style)\n- Shoelace source (sunset): [github.com\u002Fshoelace-style\u002Fshoelace](https:\u002F\u002Fgithub.com\u002Fshoelace-style\u002Fshoelace)\n- Web Awesome (active development): [website](https:\u002F\u002Fwebawesome.com) · [source](https:\u002F\u002Fgithub.com\u002Fshoelace-style\u002Fwebawesome)\n\n---\n\n## Shoemakers 🥾\n\nThe sections below are **for historical reference**—for example, running the docs or a build from source, auditing the codebase, or maintaining a **private fork**. **New components and ongoing development belong on [Web Awesome](https:\u002F\u002Fwebawesome.com), not here.** You will need Node >= 14.17 to build and run the project locally.\n\n**You do not need any of this to use Shoelace as a dependency.** For installation and usage, see the [documentation website](https:\u002F\u002Fshoelace.style).\n\n### What are you using to build Shoelace?\n\nComponents are built with [LitElement](https:\u002F\u002Flit-element.polymer-project.org\u002F), a custom elements base class that provides an intuitive API and reactive data binding. The build is a custom script with bundling powered by [esbuild](https:\u002F\u002Fesbuild.github.io\u002F).\n\n### Forking the Repo\n\nYou can still [fork the repo](https:\u002F\u002Fgithub.com\u002Fshoelace-style\u002Fshoelace\u002Ffork) on GitHub for your own experiments, then clone it locally and install dependencies.\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002FYOUR_GITHUB_USERNAME\u002Fshoelace\ncd shoelace\nnpm install\n```\n\n### Developing\n\nOnce you've cloned the repo, run the following command.\n\n```bash\nnpm start\n```\n\nThis will spin up the dev server. After the initial build, a browser will open automatically. There is currently no hot module reloading (HMR), as browsers don't provide a way to reregister custom elements, but most changes to the source will reload the browser automatically.\n\n### Building\n\nTo generate a production build, run the following command.\n\n```bash\nnpm run build\n```\n\n### New Components\n\n**Develop new components on [Web Awesome](https:\u002F\u002Fwebawesome.com),** not in this repository. If you maintain a private fork and still use the old tooling, the historical scaffold was `npm run create \u003Ctag-name>`—that workflow is unsupported.\n\n### Contributing\n\nShoelace is open source under the MIT license, but **this repository is not accepting contributions.** For bug reports, features, and pull requests, use **[Web Awesome](https:\u002F\u002Fwebawesome.com)** ([repository](https:\u002F\u002Fgithub.com\u002Fshoelace-style\u002Fwebawesome)). See [CONTRIBUTING.md](CONTRIBUTING.md).\n\n## License\n\nShoelace is available under the terms of the MIT license.\n\nWhether you are using Shoelace in a project or exploring this source tree — have fun creating! 🥾\n","Shoelace 是一个现已更名为 Web Awesome 的项目，提供了一套现代化的 Web 组件库。它支持所有前端框架和 CDN，具有完全可自定义的 CSS 样式，并内置了官方暗黑主题。该项目注重无障碍设计，采用 LitElement 作为组件基础类，结合 esbuild 进行高效打包。尽管 Shoelace 已停止开发，但其代码库仍可用于现有项目中，对于新项目或需要进一步功能扩展的情况，建议迁移到其继任者 Web Awesome 上。适用于寻求高质量、可访问性强且易于集成到各种环境中的 Web UI 组件的开发者。",2,"2026-06-11 03:33:29","high_star"]