设计灵感索引 是做什么的？
一个检索映射表：“我需要X的灵感，所以去来源Y。”这是公开图库和注册表的索引，而非设计权威来源；获得参考后，请使用ui技能构建，并用反垃圾检查结果。每个站点的详细信息（访问方式、格式、过滤器、检索提示）见references/galleries.md。
这里没有任何强制要求。所有来源均为公开网站；两个具有MCP服务器（Mobbin、Refero）是可选的，只有在你经常使用时才值得配置。
当需要X时，前往Y
| 你需要 | 前往 | 备注 |
|---|---|---|
| 一个完整的网站来欣赏（广泛的品味输入） | collected.li（随机浏览）、siteofsites.co（可过滤）、unmatchedstyle.com（编辑精选）、recent.design（每日更新） | collected显示8个随机网站；siteofsites按平台过滤；unmatchedstyle有趋势文章 |
| 一个英雄区或全页布局 | landing.love（动效）、craftwork.design/inspiration/websites（广泛） | landing.love录制全页视频 |
| 一个带动效的着陆页 | landing.love | 按GSAP、WebGL或ThreeJS集合过滤 |
| 一个SaaS营销网站或单个SaaS页面类型 | saaspo.com | 按页面类型（定价、功能）和行业过滤 |
| 一个定价页面 | saaspo.com（页面类型）和cta.gallery（CTA块） | |
| 一个导航栏、页眉或巨型菜单 | navbar.gallery | 按粘性、巨型菜单、侧边栏、全屏过滤 |
| 一个行动号召、注册或新闻通讯块 | cta.gallery | 按行业以及按钮、表单、新闻通讯、模态框过滤 |
| 一个动效或微交互创意 | 60fps.design（动效）、designspells.com（创意及其原因） | designspells解释一个令人愉悦的细节，移动端和桌面端 |
| 一个令人愉悦的细节、彩蛋或“魔法”触感 | designspells.com | 标签：彩蛋、五彩纸屑、过渡、404 |
| 真实产品UI：页面类型、流程、UX模式（网页） | refero.design | 按页面类型、流程、模式、元素或字体过滤；有可选MCP服务器 |
| OG图片、应用商店截图、应用图标 | recent.design | 其他站点很少有的专用选项卡 |
| 一个标识、品牌标识或品牌重塑 | rebrand.gallery | 这里唯一的品牌来源 |
| 如何构建或命名UI组件 | component.gallery | 跨系统参考，包含名称别名（Accordion = Collapse = Disclosure） |
| 组件的代码直接使用（React） | shadcn/ui、mapcn（映射） | 从项目已使用的开始 |
| 预构建的应用块（表单、认证、侧边栏、表格） | blocks.so | 免费、复制粘贴 |
| 预构建的营销和着陆块 | tailark.com（精选）、shadcnblocks.com（大、免费增值）、shadcnspace.com | 免费增值 |
| 一个复杂的复合小部件（甘特图、看板、编辑器、表格） | kibo-ui.com | 免费、shadcn CLI注册表 |
| 带动效的组件或微交互代码 | smoothui.dev、ui-layouts.com | 基于Motion或GSAP |
| shadcn的主题生成 | shadcnstudio.com | 免费社区版 |
| 复古或像素艺术风格 | 8bitcn.com | shadcn重新样式，设计上小众 |
| 基于React Aria（非Radix）的无障碍组件 | intentui.com | 与基于Radix的shadcn不能混用 |
| 一个图标或SVG | lucide.dev（默认）、react-icons、reicon.dev、hugeicons.com | Lucide是shadcn默认，描边风格；react-icons捆绑多组包括品牌logo；Reicon有轮廓和填充；Hugeicons量大且免费增值 |
| 移动应用流程和屏幕 | Mobbin | 需要登录；如果有MCP服务器则使用，否则访问网站 |
| 一个知名品牌的设计系统文档 | awesome-design-md仓库（github.com/VoltAgent/awesome-design-md） | 在定义设计语言前阅读两三个 |
| 一个命名的UX原则用于评审发现 | lawsofux.com | 按名称引用定律：菲茨、希克、雅各布、峰终定律 |
| 组件搜索或生成的UI变体 | 21st.dev | 在手工编写新型UI前搜索 |
自带注册表的免费组件库值得在手动编写块之前检查。将任何导入的内容适配到项目的令牌和可访问性规则。
值得研究的设计工程师
高影响力人物，其网站和开源作品值得研究和关注。
| 人物 | 网站 | 以……闻名 |
|---|---|---|
| Emil Kowalski | emilkowal.ski | Sonner、Vaul；网页动效工艺 |
| shadcn | shadcn.com | shadcn/ui；复制式组件和注册表 |
| Paco Coursey | paco.me | cmdk、next-themes；键盘优先的最小化UI |
| Rauno Freiberg | rauno.me | 界面不变性以及润色背后的原因 |
| Raphael Salaja | raphaelsalaja.com | 动效丰富的作品集，有趣的交互工艺 |
| Gavin Nelson | nelson.co | 产品和图标设计 |
| floguo | floguo.com | 富有表现力的微交互，个性化 |
| Syed Subhan | syedsubhan.in | 微过渡；构建了Amicro（amicro.vercel.app），一个可复用的微过渡模式集合 |
Mobbin和Refero：可选MCP服务器
两者都需要登录，并且最好通过已连接的MCP服务器查询。Mobbin提供屏幕、流程和部分搜索；Refero的服务器位于https://api.refero.design/mcp（文档：https://doc.refero.design/mcp/getting-started），返回真实产品屏幕。如果你两者都没有，请手动浏览网站。不要爬取。
访问速查表
验证后再依赖；站点会变化。
- 开放免费，无需登录：landing.love、navbar.gallery、cta.gallery、60fps.design、collected.li、siteofsites.co、unmatchedstyle.com、recent.design、designspells.com、lucide.dev、reicon.dev、component.gallery、saaspo.com。
- 免费增值（免费浏览，需付费获取资产或完整库）：craftwork.design、rebrand.gallery、hugeicons.com、refero.design。
- 需要登录或MCP：Mobbin、refero.design。
其中一些站点（saaspo.com、component.gallery、landing.love、designspells.com）会以403或429阻止自动抓取，但在普通浏览器中正常打开。godly.website现已重定向到recent.design。要以编程方式从被阻止的站点获取内容，请驱动真实浏览器（例如，如果安装了Playwright MCP），而不是使用普通的HTTP获取。
如何扩展此索引
在references/galleries.md中添加一个新图库，包含相同字段（名称、URL、类别、最佳用途、访问方式、格式、检索提示），然后在上面的表格中添加一行路由。