UI/UX 设计师的五个书签，有人看完说轮播全没用

Aman Singh 在 X 上列了五个 UI/UX 设计师该收藏的网站。清单不复杂，值得看的是每个站解决的具体问题。

1. scrolltide.co：把滚动动效拆成可复制的 prompt

原推写的是 600+ design prompts 和 200+ components，带完整源码，面向 3D 和滚动驱动网站。回复里补得更细：shaders、sections、UI screens 都在一个库里，复制 prompt 粘进 Claude、Cursor 或 Lovable，直接上线。

网站页面显示 143 个 templates、85 个 components、55 个 shaders、23 个 sections、14 个 UI screens。定价页有 299 美元一次性买断的 early access。它解决的是从空白页到能动起来的页面之间那段脏活：不是让你从零写 GSAP 和 Three.js，而是给一段结构化描述，让 AI 先搭出可跑的底子。

2. scrollshaders.com：117 个动画 shader，分 11 类

原推写 117 animated shaders in 11 styles。网站上的分类包括 mesh gradients、grain gradients、dither、liquid metal、light and rays、fluted glass、halftone、waves and lines、3D and depth、retro and ASCII、patterns and grids。每个 shader 给 React 组件、vanilla JS 片段、1080p/720p/480p 无缝循环 MP4，还有 6K stills。

它强调循环闭合：最后一帧落到第一帧，不跳。性能上会做暂停处理，滚出屏幕、标签页切后台、系统开启 reduced motion 时都有对应策略。定价页写 monthly 29 美元、yearly 129 美元、lifetime 239 美元，商业许可覆盖客户网站和自有产品，但不能把 shader 本身当素材库转售。

3. footer.design：专门收页脚

这是一个页脚灵感画廊，可以按类型和风格筛选，比如 typographic、small type、illustrative、grid、flat、animated、cards、bright、dark、large type、bold。页脚是网站里最容易被拖到最后才做的部分，这个站把它单独拎出来，省掉在 Dribbble 和真实产品之间来回翻的时间。

4. cta.gallery：CTA 灵感库

原推只给了一句 CTA inspiration。它适合在落地页需要收口的时候翻一翻，看别人怎么处理按钮、表单和行动号召的视觉层级。素材里没有更多页面细节，这里不展开。

5. styles.refero.design：真实产品设计风格

原推写的是 Real product design styles。它指向真实产品里的界面风格，不是概念稿。对做设计参考和前端还原的人来说，这类站的价值在于能看到实际产品怎么处理排版、间距和组件状态。素材里没有更多页面细节，这里同样不展开。

回复区补了两个站，也泼了一盆冷水

Marcelo Design X 补了 horizonx.so。Scooby Snackz 说这份清单漏了 Mobbin。Kura Ken 的回复很直接：这些轮播没一个有用。

一位日语网友的看法更细：滚动联动和 shader 更适合放在帮助用户追踪信息的位置，动效集中在一处，正文的可读性更容易保住。这个判断比单纯堆动效有用。工具站给的是素材和起点，用在哪、用多少，还是得看页面要解决什么问题。

清单类内容容易变成收藏夹吃灰。这几个站至少把输出格式、价格和 license 写清楚了。动手前先看免费预览，确认输出能进你的技术栈，再决定要不要买断。原文和更多回复在 Aman Singh 的推文里。