Stack Sorted 是一个网页设计灵感库，它的收录单位是"局部"而不是整站：把优秀网站上的具体界面元素——按钮、卡片、悬停效果、滚动效果等——截取出来，按元素类型分类陈列。它解决的痛点很具体：当你只想参考"按钮可以怎么做"时，不必在整站灵感画廊里逐个打开网站翻找对应部分。项目代码公开在 GitHub（仓库创建于 2023-07-18），由设计类 YouTube 创作者 Juxtopposed 建立，官网自述为"an open-source project that categorizes websites, not by general design or topic but specific elements"（来源：站点页脚）。
上图是 Stack Sorted 首页（2026-09-21 截取）。访问根域名会自动跳转到 Buttons 分类：左侧边栏列出全部元素分类，右侧网格是该分类下的收录卡片，每张卡片标注来源网站名称；右上角有 "Add a Site" 投稿入口和 "Collecting designs... Join in!" 的征集提示。
站点速览
- 网址：https://stacksorted.com/
- 类型：按界面元素分类的网页设计灵感库（开放投稿的公开项目）
- 费用：免费，无付费项目
- 注册要求：无需注册，无账号体系
- 界面语言：仅英语（2026-09-21 核查）
- 技术栈：Svelte 3 + Rollup 构建，收录数据直接维护在仓库的 src/database.js（来源：package.json）
站点背景
作者 Juxtopposed 是设计与开发方向的内容创作者，GitHub 资料指向其 YouTube 频道，其个人网站的项目列表除 Stack Sorted 外还包括配色工具 Realtime Colors、Color Gamut Test 等。2023-07-23，她发布视频 world's shortest UI/UX design course，在片中设计了这个站点，视频简介写道 "Check out the site we just designed together: stacksorted.com"；GitHub 仓库创建于 2023-07-18，项目由此公开（2026-09-21 核查）。
项目代码对公众开放，截至 2026-09-21 有 313 个 Star、35 个 Fork、17 位贡献者。需要注意的是：尽管 README 和官网都自称 open-source，但仓库至今没有附带 LICENSE 文件——2024 年 11 月曾有贡献者提交添加 LICENSE 的 PR，截至 2026-09-21 仍未合并。也就是说，代码"公开可见"并不等同于获得了法律意义上的开源授权，想直接复用其代码的读者应留意这一点。
浏览方式与收录内容
Stack Sorted 没有搜索框，全部浏览都通过左侧分类进行。截至 2026-09-21，database.js 中共有 17 个元素分类：buttons（按钮，41 条）、grids（网格，20 条）、cards（卡片，15 条）、custom-cursor（自定义光标，14 条）、text-effects（文字效果，14 条）、interactive-elements（交互元素，13 条）、scroll-effects（滚动效果，10 条）、hover-effects（悬停效果，9 条）、links（链接，9 条），以及 border-effects、image-effects、loading-animation、hamburger-menu、headers、progress-bar、icons、search 等较小分类。全站共 180 条收录，去重后约 115 个不同网站——同一个网站可以因不同元素出现在多个分类下。
上图是 Hover Effects 分类（2026-09-21 截取），侧边栏会高亮当前分类。收录对象以设计感较强的真实产品站、工作室站和作品集为主，例如 Linear、Cuberto、Vercel 等。
点击卡片会打开一个弹窗：主体是该元素的 GIF 动画预览（180 条收录中有 124 条带 GIF，无 GIF 时显示静态截图），底部提供 "Visit Site" 直达原站；如果收录时附带了代码实现，还会出现 "Check Code" 按钮，跳转到对应的 CodePen 演示（共 45 条带代码链接）。弹窗支持键盘操作（Esc 关闭、左右方向键切换同类条目），并且带有 /<分类>/<站点名> 形式的独立 URL，可以直接分享某个具体条目。
上图是 Send Potion 条目的弹窗（2026-09-21 截取），GIF 循环播放按钮的悬停动画，底部左侧为 CodePen 代码链接，右侧为原站链接。
投稿与维护方式
投稿有两条通道（2026-09-21 核查）：
- 站内右上角的 "Add a Site" 按钮指向一个 Google 表单，填写网站链接和分类（可提议新分类）即可；表单说明称 "they'll be added in less than 48 hours if they look good"，可留邮箱接收收录通知。
- 直接向 GitHub 仓库的 database.js 提交 Pull Request，截图放入
public/images。贡献规则要求只收录"最优秀、最有创意的设计"，不收通用组件设计；代码链接目前只接受 CodePen；截图需精确截取元素（200×344），GIF 不超过 10MB。
实际维护节奏需要注意：仓库最后一次合并提交停留在 2025-03-31，截至 2026-09-21 仍有 8 个未合并的 Pull Request（PR 列表），其中包括 2026 年 6 月的收录投稿和 2026 年 8 月的滚动修复。表单承诺的"48 小时内收录"与当前实际处理速度已有明显出入，投稿后长期未获处理的可能性存在。
版权与内容政策
Stack Sorted 展示的是第三方网站的截图与设计片段，其版权立场写在站点页脚："All screenshots, designs, and codes are © of their respective owners."——即截图、设计和代码的版权归各自所有者所有，Stack Sorted 只做收录展示。站点本身没有独立的隐私政策或服务条款页面，仅使用了 Google Analytics（2026-09-21 核查）。
上图是页脚区域（2026-09-21 截取）：左下角是 "What is Stack Sorted?" 的项目自述和 © 声明，其余链接依次指向作者推特、database.js 投稿入口、GitHub 仓库、Ko-fi 赞助和推特分享。
收录由人工筛选（表单说明 "if they look good"），没有公开的自动化审核或授权核验流程说明。被收录方如果希望自己的网站被移除，公开途径是 GitHub Issues：未关闭的 issue 列表中目前有两条站点移除请求（2024 年 8 月和 10 月各一条，截至 2026-09-21 仍处于 open 状态），这一渠道的实际响应速度同样有限。收录条目的有效性也依赖人工维护，已有专门修复失效链接的 PR长期未合并，个别收录站点可能已改版或下线。
适用场景
- 做具体组件时找参考：需要设计按钮、卡片、加载动画、悬停反馈等单一元素时，可以一次性浏览几十个真实产品的做法，比整站画廊更聚焦。
- 想看实现代码：约四分之一的条目带 CodePen 链接，能直接查看或改写实现。
- 网页设计教学：按元素组织的结构适合作为讲解 UI 细节时的案例索引。
局限
- 收录更新实际停滞：最后一次合并提交为 2025-03-31，2026 年的投稿 PR 尚未被处理（截至 2026-09-21），收录规模在短期内大概率维持现状。
- 规模有限且分布不均：全站约 180 条收录，部分分类只有 3–6 条（icons 3 条、search 3 条、hamburger-menu 4 条），覆盖面无法与大型灵感平台相比。
- 只有分类、没有搜索和筛选：无法按关键词、配色或技术栈检索，只能逐类浏览。
- 仅英文界面，且收录以英文网站为主。
- 代码无 LICENSE：仓库公开但未附开源许可证，复用代码存在法律不确定性。
同类参考
整站级灵感平台如 Awwwards 按完整网站收录和评奖，适合参考整体视觉风格与站点结构；Stack Sorted 的差异化在于元素级粒度，两者更多互补而非替代。同作者的 Realtime Colors 则是配色方向的工具，可与本站搭配使用。
