{
  "schemaVersion": 1,
  "name": "UIPicks AI 参考导航",
  "updatedAt": "2026-10-18",
  "sourceCount": 111,
  "entryCount": 59991,
  "directoryUrl": "https://www.uipicks.top/ai/directory.html",
  "search": {
    "method": "GET",
    "url": "https://www.uipicks.top/api/search",
    "parameters": {
      "q": "关键词，例如轮播",
      "site": "可选：来源 id，例如 aceternity",
      "limit": "每页条数，例如 10",
      "offset": "从 0 开始的偏移量",
      "format": "json 或 html"
    }
  },
  "boundary": "公开目录的资料快照。包含类目、集合、图标与具体条目，不代表原站全量或实时可访问；费用及许可由原站决定。",
  "sources": [
    {
      "id": "curated",
      "name": "Curated",
      "description": "按行业与风格发现真实网站，适合先看整体布局。",
      "category": "网页布局",
      "tags": [
        "网页布局",
        "行业分类",
        "首屏"
      ],
      "url": "https://curated.design/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/curated/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/curated/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 2946,
      "scope": {
        "status": "已核对公开分页目录",
        "note": "读取本次站点地图发布的 90 个归档分页及首页，使用真实名称与具体详情链接；付费访问仍受原站限制。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "reference"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://curated.design/",
              "date": "2026-10-14",
              "note": "已收录的官网用途说明与标签：按行业与风格发现真实网站，适合先看整体布局。"
            }
          ]
        }
      ],
      "featuredSamples": [
        {
          "id": "curated-1",
          "title": "Resflow",
          "url": "https://curated.design/",
          "sourceKind": "集合页",
          "note": "原站收录的网站首屏截图，可比较标题、视觉重心与内容结构。",
          "linkType": "collection"
        },
        {
          "id": "curated-2",
          "title": "Askpalette",
          "url": "https://curated.design/",
          "sourceKind": "集合页",
          "note": "原站收录的网站首屏截图，可比较标题、视觉重心与内容结构。",
          "linkType": "collection"
        },
        {
          "id": "curated-3",
          "title": "TypeSafe",
          "url": "https://curated.design/",
          "sourceKind": "集合页",
          "note": "原站收录的网站首屏截图，可比较标题、视觉重心与内容结构。",
          "linkType": "collection"
        }
      ]
    },
    {
      "id": "60fps",
      "name": "60fps",
      "description": "真实 App 的细节动效，适合研究反馈和状态变化。",
      "category": "App 界面",
      "tags": [
        "App 动效",
        "微交互",
        "可播放"
      ],
      "url": "https://60fps.design/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/60fps/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/60fps/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 2423,
      "scope": {
        "status": "公开目录",
        "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "animation-reference",
          "label": "移动端与 Web 动效参考",
          "platforms": [
            "web",
            "ios"
          ],
          "resources": [
            "motion",
            "reference"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "live",
              "url": "https://60fps.design/",
              "date": "2026-10-18",
              "note": "官方标题标明移动端与 Web 动效；现有收录含 iOS 产品，费用未读取到明确说明。"
            }
          ]
        }
      ],
      "featuredSamples": [
        {
          "id": "60fps-1",
          "title": "X Campaign Hashtag Based Grok Bot Like Button Interaction",
          "url": "https://60fps.design/shots/x-campaign-hashtag-based-grok-bot-like-button-interaction",
          "sourceKind": "实例页",
          "note": "点赞反馈：观察状态改变时，按钮怎样给出清晰回应。",
          "linkType": "detail"
        },
        {
          "id": "60fps-2",
          "title": "Platen Typewriter Intro How to Interaction",
          "url": "https://60fps.design/shots/platen-typewriter-intro-how-to-interaction",
          "sourceKind": "实例页",
          "note": "引导体验：观察如何用短动画解释产品的使用方式。",
          "linkType": "detail"
        },
        {
          "id": "60fps-3",
          "title": "Uber Search Border Highlight Animation",
          "url": "https://60fps.design/shots/uber-search-border-highlight-animation",
          "sourceKind": "实例页",
          "note": "搜索反馈：观察边框高亮怎样提示输入区域的当前状态。",
          "linkType": "detail"
        }
      ]
    },
    {
      "id": "spells",
      "name": "Design Spells",
      "description": "从真实产品中发现值得研究的小交互与设计细节。",
      "category": "交互动效",
      "tags": [
        "微交互",
        "产品细节",
        "可播放"
      ],
      "url": "https://www.designspells.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/spells/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/spells/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 8,
      "scope": {
        "status": "部分公开目录",
        "note": "官网当前限流，保留先前采集的公开目录与实例。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "motion"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.designspells.com/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：从真实产品中发现值得研究的小交互与设计细节。"
            }
          ]
        }
      ],
      "featuredSamples": [
        {
          "id": "spells-1",
          "title": "Contributors carousel in Spotify SongDNA",
          "url": "https://designspells.com/spells/contributors-carousel-in-spotify-songdna",
          "sourceKind": "实例页",
          "note": "Spotify SongDNA 的贡献者轮播：研究内容切换与空间关系。",
          "linkType": "detail"
        },
        {
          "id": "spells-2",
          "title": "Orb picker in ElevenLabs",
          "url": "https://designspells.com/spells/orb-picker-in-elevenlabs",
          "sourceKind": "实例页",
          "note": "ElevenLabs 的球体选择器：研究选择过程中的视觉反馈。",
          "linkType": "detail"
        },
        {
          "id": "spells-3",
          "title": "Smooth sheet transitions in Sudoku a Day",
          "url": "https://designspells.com/spells/smooth-sheet-transitions-in-sudoku-a-day",
          "sourceKind": "实例页",
          "note": "Sudoku a Day 的面板切换：研究不同界面状态之间的过渡。",
          "linkType": "detail"
        }
      ]
    },
    {
      "id": "bento",
      "name": "Bento Grids",
      "description": "集中看模块化卡片布局，适合产品功能与优势展示。",
      "category": "网页布局",
      "tags": [
        "Bento",
        "功能展示",
        "卡片布局"
      ],
      "url": "https://bentogrids.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bento/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bento/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 288,
      "scope": {
        "status": "公开案例目录",
        "note": "官网公开数据中的案例均已收录，链接使用原站实际详情路由。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "reference"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://bentogrids.com/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：集中看模块化卡片布局，适合产品功能与优势展示。"
            }
          ]
        }
      ],
      "featuredSamples": [
        {
          "id": "bento-1",
          "title": "浅色模块化布局",
          "url": "https://bentogrids.com/",
          "sourceKind": "集合页",
          "note": "浅色模块布局：内容被拆分成大小不同的说明卡片。",
          "linkType": "collection"
        },
        {
          "id": "bento-2",
          "title": "深色模块化布局",
          "url": "https://bentogrids.com/",
          "sourceKind": "集合页",
          "note": "深色模块布局：通过卡片尺寸与插图强调不同内容。",
          "linkType": "collection"
        },
        {
          "id": "bento-3",
          "title": "高对比营销模块",
          "url": "https://bentogrids.com/",
          "sourceKind": "集合页",
          "note": "高对比模块布局：多块营销信息在同一网格中组织。",
          "linkType": "collection"
        }
      ]
    },
    {
      "id": "mobbin",
      "name": "Mobbin",
      "description": "真实产品界面与流程参考，先看官方公开展示的样本。",
      "category": "App 界面",
      "tags": [
        "App 界面",
        "用户流程",
        "公开样本"
      ],
      "url": "https://mobbin.com/discover/apps/ios/latest",
      "directoryUrl": "https://www.uipicks.top/ai/sites/mobbin/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/mobbin/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 711,
      "scope": {
        "status": "公开目录",
        "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "free-screens",
          "label": "有限免费界面参考",
          "platforms": [
            "web",
            "ios"
          ],
          "resources": [
            "reference"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "live",
              "url": "https://mobbin.com/pricing",
              "date": "2026-10-18",
              "note": "官方费用表列出有限的免费 App 与网站界面浏览；免费方案不包含完整流程和动效。"
            }
          ]
        },
        {
          "id": "pro-library",
          "label": "订阅界面、流程与动效库",
          "platforms": [
            "web",
            "ios"
          ],
          "resources": [
            "reference",
            "flow",
            "motion"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "paid"
          ],
          "evidence": [
            {
              "kind": "live",
              "url": "https://mobbin.com/pricing",
              "date": "2026-10-18",
              "note": "官方 Pro 方案包含 App 与网站、流程和动效；已收录移动端与 Web 入口。其他平台本轮未单独核验。"
            }
          ]
        }
      ],
      "featuredSamples": [
        {
          "id": "mobbin-1",
          "title": "Luma · 资料与设置",
          "url": "https://mobbin.com/",
          "sourceKind": "官方公开展示页",
          "note": "本例取自 Mobbin 官方公开展示页，可观察真实产品的信息层级；完整库另需进入原站。",
          "linkType": "collection"
        },
        {
          "id": "mobbin-2",
          "title": "Apple Fitness · 活动界面",
          "url": "https://mobbin.com/",
          "sourceKind": "官方公开展示页",
          "note": "本例取自 Mobbin 官方公开展示页，可观察真实产品的信息层级；完整库另需进入原站。",
          "linkType": "collection"
        },
        {
          "id": "mobbin-3",
          "title": "Opal · 专注界面",
          "url": "https://mobbin.com/",
          "sourceKind": "官方公开展示页",
          "note": "本例取自 Mobbin 官方公开展示页，可观察真实产品的信息层级；完整库另需进入原站。",
          "linkType": "collection"
        }
      ]
    },
    {
      "id": "aceternity",
      "name": "Aceternity UI",
      "description": "React 组件、网页区块与动效，适合卡片、轮播和背景。",
      "category": "UI 组件库",
      "tags": [
        "React",
        "组件库",
        "提供代码"
      ],
      "url": "https://ui.aceternity.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/aceternity/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/aceternity/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 116,
      "scope": {
        "status": "公开目录",
        "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "free-components",
          "label": "免费 React 动效组件",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "live",
              "url": "https://ui.aceternity.com/",
              "date": "2026-10-18",
              "note": "官网明确提供免费 React / Next.js 组件，可查看并复制代码。"
            }
          ]
        },
        {
          "id": "all-access",
          "label": "All-Access 页面区块与模板",
          "platforms": [
            "web"
          ],
          "resources": [
            "code",
            "template"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "paid"
          ],
          "evidence": [
            {
              "kind": "live",
              "url": "https://ui.aceternity.com/pricing",
              "date": "2026-10-18",
              "note": "官方收费方案覆盖 React / Next.js 的页面区块与模板；组件与 All-Access 分开标注。"
            }
          ]
        }
      ],
      "featuredSamples": [
        {
          "id": "aceternity-1",
          "title": "3D Card Effect",
          "url": "https://ui.aceternity.com/components/3d-card-effect",
          "sourceKind": "实例页",
          "note": "这里展示原站的组件预览图片；进入实例页可操作效果并查看代码。",
          "linkType": "detail"
        },
        {
          "id": "aceternity-2",
          "title": "Apple Cards Carousel",
          "url": "https://ui.aceternity.com/components/apple-cards-carousel",
          "sourceKind": "实例页",
          "note": "这里展示原站的组件预览图片；进入实例页可操作效果并查看代码。",
          "linkType": "detail"
        },
        {
          "id": "aceternity-3",
          "title": "Background Beams",
          "url": "https://ui.aceternity.com/components/background-beams",
          "sourceKind": "实例页",
          "note": "这里展示原站的组件预览图片；进入实例页可操作效果并查看代码。",
          "linkType": "detail"
        }
      ]
    },
    {
      "id": "footer",
      "name": "Footer",
      "description": "专门收集网页页脚，适合研究导航、行动入口和品牌收尾。",
      "category": "网页布局",
      "tags": [
        "页脚",
        "导航结构",
        "排版"
      ],
      "url": "https://www.footer.design/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/footer/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/footer/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 734,
      "scope": {
        "status": "已核对公开案例目录",
        "note": "覆盖本次站点地图中对应详情路径；案例性质保持为参考，不推断页面一定具有动效。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "reference"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.footer.design/",
              "date": "2026-10-14",
              "note": "已收录的官网用途说明与标签：专门收集网页页脚，适合研究导航、行动入口和品牌收尾。"
            }
          ]
        }
      ],
      "featuredSamples": [
        {
          "id": "footer-1",
          "title": "Trove · 页脚",
          "url": "https://www.footer.design/sites/trove",
          "sourceKind": "实例页",
          "note": "观察页脚里的链接层级、行动入口和大字号品牌文字如何组织。",
          "linkType": "detail"
        },
        {
          "id": "footer-2",
          "title": "Aperios Design · 页脚",
          "url": "https://www.footer.design/sites/aperios-design",
          "sourceKind": "实例页",
          "note": "观察页脚里的链接层级、行动入口和大字号品牌文字如何组织。",
          "linkType": "detail"
        },
        {
          "id": "footer-3",
          "title": "Nothin' · 页脚",
          "url": "https://www.footer.design/sites/nothin",
          "sourceKind": "实例页",
          "note": "观察页脚里的链接层级、行动入口和大字号品牌文字如何组织。",
          "linkType": "detail"
        }
      ]
    },
    {
      "id": "spotted",
      "name": "Spotted in Prod",
      "description": "真实 iOS 产品的短交互片段，按具体场景看细节。",
      "category": "App 界面",
      "tags": [
        "iOS",
        "交互片段",
        "可播放"
      ],
      "url": "https://www.spottedinprod.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/spotted/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/spotted/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 16,
      "scope": {
        "status": "已核对当前公开交互清单",
        "note": "覆盖当前页面发布的未锁定视频，排除 isLocked 条目；没有获取登录收藏或隐藏历史目录。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "ios"
          ],
          "resources": [
            "reference",
            "motion"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.spottedinprod.com/",
              "date": "2026-10-14",
              "note": "已收录的官网用途说明与标签：真实 iOS 产品的短交互片段，按具体场景看细节。"
            }
          ]
        }
      ],
      "featuredSamples": [
        {
          "id": "spotted-1",
          "title": "RO/LO · 引导界面",
          "url": "https://www.spottedinprod.com/estie/clips/471",
          "sourceKind": "实例页",
          "note": "播放来自原站的真实交互片段，再打开出处查看上下文。",
          "linkType": "detail"
        },
        {
          "id": "spotted-2",
          "title": "Héliographe · 胶片浏览交互",
          "url": "https://www.spottedinprod.com/hliographe/clips/261",
          "sourceKind": "实例页",
          "note": "播放来自原站的真实交互片段，再打开出处查看上下文。",
          "linkType": "detail"
        },
        {
          "id": "spotted-3",
          "title": "社区交互片段 1063",
          "url": "https://www.spottedinprod.com/reactiive/clips/1063",
          "sourceKind": "实例页",
          "note": "播放来自原站的真实交互片段，再打开出处查看上下文。",
          "linkType": "detail"
        }
      ]
    },
    {
      "id": "reactbits",
      "name": "React Bits",
      "description": "创意 React 组件，从文字动画到轮播和动态背景。",
      "category": "UI 组件库",
      "tags": [
        "React",
        "创意组件",
        "提供代码"
      ],
      "url": "https://reactbits.dev/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/reactbits/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/reactbits/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 215,
      "scope": {
        "status": "公开目录",
        "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "free-components",
          "label": "免费 React 动效组件",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "live",
              "url": "https://reactbits.dev/",
              "date": "2026-10-18",
              "note": "官方页面标题明确为免费 React 动效组件，安装内容为组件源码。"
            }
          ]
        },
        {
          "id": "pro-resources",
          "label": "React Bits Pro 资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "code",
            "template"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "live",
              "url": "https://reactbits.dev/pro",
              "date": "2026-10-18",
              "note": "官方有独立 Pro 组件、区块与模板入口；本轮未读取到清晰费用条件，暂标未确认。"
            }
          ]
        }
      ],
      "featuredSamples": [
        {
          "id": "reactbits-1",
          "title": "Circular Carousel · 环形轮播",
          "url": "https://reactbits.dev/components/circular-carousel",
          "sourceKind": "组件实例页",
          "note": "这里是原站组件的静态截帧；完整动效和参数可在实例页查看。",
          "linkType": "detail"
        },
        {
          "id": "reactbits-2",
          "title": "Split Text · 文字逐字出现",
          "url": "https://reactbits.dev/text-animations/split-text",
          "sourceKind": "组件实例页",
          "note": "这里是原站组件的静态截帧；完整动效和参数可在实例页查看。",
          "linkType": "detail"
        },
        {
          "id": "reactbits-3",
          "title": "Aurora · 极光背景",
          "url": "https://reactbits.dev/backgrounds/aurora",
          "sourceKind": "组件实例页",
          "note": "这里是原站组件的静态截帧；完整动效和参数可在实例页查看。",
          "linkType": "detail"
        }
      ]
    },
    {
      "id": "lucide",
      "name": "Lucide",
      "description": "统一风格的线性图标，适合产品界面的日常操作。",
      "category": "图标",
      "tags": [
        "线性图标",
        "图标集",
        "提供代码"
      ],
      "url": "https://lucide.dev/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/lucide/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/lucide/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 2245,
      "scope": {
        "status": "公开目录",
        "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "code",
            "icons"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://lucide.dev/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：统一风格的线性图标，适合产品界面的日常操作。"
            }
          ]
        }
      ],
      "featuredSamples": [
        {
          "id": "lucide-1",
          "title": "线性图标 · 第 1 组",
          "url": "https://lucide.dev/icons/",
          "sourceKind": "图标集合页",
          "note": "比较图标的线宽、留白和辨识度。预览是原站图标集合的局部截图。",
          "linkType": "collection"
        },
        {
          "id": "lucide-2",
          "title": "线性图标 · 第 2 组",
          "url": "https://lucide.dev/icons/",
          "sourceKind": "图标集合页",
          "note": "比较图标的线宽、留白和辨识度。预览是原站图标集合的局部截图。",
          "linkType": "collection"
        },
        {
          "id": "lucide-3",
          "title": "线性图标 · 第 3 组",
          "url": "https://lucide.dev/icons/",
          "sourceKind": "图标集合页",
          "note": "比较图标的线宽、留白和辨识度。预览是原站图标集合的局部截图。",
          "linkType": "collection"
        }
      ]
    },
    {
      "id": "heroicons",
      "name": "Heroicons",
      "description": "简洁一致的 SVG 图标，适合网页与应用界面。",
      "category": "图标",
      "tags": [
        "SVG",
        "Outline",
        "提供代码"
      ],
      "url": "https://heroicons.com/outline",
      "directoryUrl": "https://www.uipicks.top/ai/sites/heroicons/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/heroicons/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 327,
      "scope": {
        "status": "官方图标目录",
        "note": "官网没有单图标详情页；结果直达对应官方 SVG 源文件。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "code",
            "icons"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://heroicons.com/outline",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：简洁一致的 SVG 图标，适合网页与应用界面。"
            }
          ]
        }
      ],
      "featuredSamples": [
        {
          "id": "heroicons-1",
          "title": "Outline · 图标组 1",
          "url": "https://heroicons.com/",
          "sourceKind": "图标集合页",
          "note": "这些是原站 Outline 图标的局部截图；原站还能切换其他样式。",
          "linkType": "collection"
        },
        {
          "id": "heroicons-2",
          "title": "Outline · 图标组 2",
          "url": "https://heroicons.com/",
          "sourceKind": "图标集合页",
          "note": "这些是原站 Outline 图标的局部截图；原站还能切换其他样式。",
          "linkType": "collection"
        },
        {
          "id": "heroicons-3",
          "title": "Outline · 图标组 3",
          "url": "https://heroicons.com/",
          "sourceKind": "图标集合页",
          "note": "这些是原站 Outline 图标的局部截图；原站还能切换其他样式。",
          "linkType": "collection"
        }
      ]
    },
    {
      "id": "itshover",
      "name": "Its Hover",
      "description": "带悬停动画的图标，适合给常用操作增加轻量反馈。",
      "category": "图标",
      "tags": [
        "动态图标",
        "静态截帧",
        "提供代码"
      ],
      "url": "https://www.itshover.com/icons",
      "directoryUrl": "https://www.uipicks.top/ai/sites/itshover/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/itshover/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 268,
      "scope": {
        "status": "公开目录",
        "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "code",
            "icons"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.itshover.com/icons",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：带悬停动画的图标，适合给常用操作增加轻量反馈。"
            }
          ]
        }
      ],
      "featuredSamples": [
        {
          "id": "itshover-1",
          "title": "动态图标 · 静态截帧 1",
          "url": "https://www.itshover.com/icons",
          "sourceKind": "图标集合页",
          "note": "本地展示图标静态截帧，原站可悬停查看真实动画与代码。",
          "linkType": "collection"
        },
        {
          "id": "itshover-2",
          "title": "动态图标 · 静态截帧 2",
          "url": "https://www.itshover.com/icons",
          "sourceKind": "图标集合页",
          "note": "本地展示图标静态截帧，原站可悬停查看真实动画与代码。",
          "linkType": "collection"
        },
        {
          "id": "itshover-3",
          "title": "动态图标 · 静态截帧 3",
          "url": "https://www.itshover.com/icons",
          "sourceKind": "图标集合页",
          "note": "本地展示图标静态截帧，原站可悬停查看真实动画与代码。",
          "linkType": "collection"
        }
      ]
    },
    {
      "id": "motionsites",
      "name": "MotionSites",
      "description": "网页模板与配套提示词，适合按视觉效果挑选参考。",
      "category": "网页布局",
      "tags": [
        "网页模板",
        "视觉参考",
        "可提供提示词"
      ],
      "url": "https://motionsites.ai/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/motionsites/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/motionsites/index.json",
      "code": false,
      "prompt": true,
      "entryCount": 28,
      "scope": {
        "status": "公开模板集合",
        "note": "收录当前公开模板集合。原站用弹窗展示，结果进入原站集合；未编造独立详情页。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "prompt",
            "reference",
            "template"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://motionsites.ai/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：网页模板与配套提示词，适合按视觉效果挑选参考。"
            }
          ]
        }
      ],
      "featuredSamples": [
        {
          "id": "motionsites-1",
          "title": "Glow Features · 功能区模板",
          "url": "https://motionsites.ai/",
          "sourceKind": "模板与提示词集合页",
          "note": "功能区布局与柔和发光视觉；获取对应模板提示词请查看原站。",
          "linkType": "collection"
        },
        {
          "id": "motionsites-2",
          "title": "HAUL! · 页脚模板",
          "url": "https://motionsites.ai/",
          "sourceKind": "模板与提示词集合页",
          "note": "页脚的品牌文字与导航布局；获取对应模板提示词请查看原站。",
          "linkType": "collection"
        },
        {
          "id": "motionsites-3",
          "title": "Orbit Engineers · 机构网站模板",
          "url": "https://motionsites.ai/",
          "sourceKind": "模板与提示词集合页",
          "note": "机构网站的首屏与视觉层级；获取对应模板提示词请查看原站。",
          "linkType": "collection"
        }
      ]
    },
    {
      "id": "shadcn",
      "name": "shadcn/ui",
      "description": "可组合的开源组件，适合按钮、表单、对话框和数据卡片。",
      "category": "UI 组件库",
      "tags": [
        "React",
        "MIT 开源",
        "提供代码"
      ],
      "url": "https://ui.shadcn.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/shadcn/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/shadcn/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 208,
      "scope": {
        "status": "公开目录",
        "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的公开组件源码",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://github.com/shadcn-ui/ui/blob/main/LICENSE.md",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：可组合的开源组件，适合按钮、表单、对话框和数据卡片。"
            },
            {
              "kind": "saved",
              "url": "https://github.com/shadcn-ui/ui",
              "date": "2026-10-13",
              "note": "已收录的公开仓库源码；此费用标注仅覆盖该源码范围。"
            }
          ]
        }
      ],
      "featuredSamples": [
        {
          "id": "shadcn-1",
          "title": "基础控件 · 按钮、输入与状态",
          "url": "https://ui.shadcn.com/",
          "sourceKind": "官方首页组件示例（局部）",
          "note": "官方组件示例的局部预览；进入原站查看组件文档与可复制代码。",
          "linkType": "collection"
        },
        {
          "id": "shadcn-2",
          "title": "数据卡片 · 柱状图与操作",
          "url": "https://ui.shadcn.com/",
          "sourceKind": "官方首页组件示例（局部）",
          "note": "官方组件示例的局部预览；进入原站查看组件文档与可复制代码。",
          "linkType": "collection"
        },
        {
          "id": "shadcn-3",
          "title": "表单组件 · 转账确认",
          "url": "https://ui.shadcn.com/",
          "sourceKind": "官方首页组件示例（局部）",
          "note": "官方组件示例的局部预览；进入原站查看组件文档与可复制代码。",
          "linkType": "collection"
        }
      ]
    },
    {
      "id": "magicui",
      "name": "Magic UI",
      "description": "开源 React 动效组件，适合滚动卡片、文字效果和背景。",
      "category": "UI 组件库",
      "tags": [
        "React",
        "MIT 开源",
        "提供代码"
      ],
      "url": "https://magicui.design/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/magicui/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/magicui/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 79,
      "scope": {
        "status": "公开目录",
        "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "free-components",
          "label": "免费 React 动效组件",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "live",
              "url": "https://magicui.design/",
              "date": "2026-10-18",
              "note": "官网明确提供免费的 React 动效组件，并另列 Pro 模板入口。"
            }
          ]
        },
        {
          "id": "pro-templates",
          "label": "Magic UI Pro 页面区块与模板",
          "platforms": [
            "web"
          ],
          "resources": [
            "code",
            "template"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "paid"
          ],
          "evidence": [
            {
              "kind": "live",
              "url": "https://pro.magicui.design/",
              "date": "2026-10-18",
              "note": "官方定价区列出一次性付费获取 React / Next.js 的页面区块和模板。"
            }
          ]
        }
      ],
      "featuredSamples": [
        {
          "id": "magicui-1",
          "title": "Marquee · 横向滚动卡片",
          "url": "https://magicui.design/docs/components/marquee",
          "sourceKind": "组件文档页",
          "note": "原站 Marquee 示例的静态预览；进入原站可查看滚动动效、参数和组件代码。",
          "linkType": "detail"
        },
        {
          "id": "magicui-2",
          "title": "Marquee · 纵向滚动卡片",
          "url": "https://magicui.design/docs/components/marquee#vertical",
          "sourceKind": "组件文档页",
          "note": "原站 Marquee 示例的静态预览；进入原站可查看滚动动效、参数和组件代码。",
          "linkType": "detail"
        },
        {
          "id": "magicui-3",
          "title": "Marquee · 3D 卡片阵列",
          "url": "https://magicui.design/docs/components/marquee#3d",
          "sourceKind": "组件文档页",
          "note": "原站 Marquee 示例的静态预览；进入原站可查看滚动动效、参数和组件代码。",
          "linkType": "detail"
        }
      ]
    },
    {
      "id": "vibeui",
      "name": "VibeUI",
      "description": "按登录、定价和功能区等结构，复制可用的 UI 提示词。",
      "category": "网页布局",
      "tags": [
        "布局结构",
        "可复制提示词",
        "可提供提示词"
      ],
      "url": "https://vibeui.online/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/vibeui/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/vibeui/index.json",
      "code": false,
      "prompt": true,
      "entryCount": 95,
      "scope": {
        "status": "公开提示词集合",
        "note": "提示词没有独立详情页，结果跳到对应原站类目锚点。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "prompt",
            "reference"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://vibeui.online/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：按登录、定价和功能区等结构，复制可用的 UI 提示词。"
            }
          ]
        }
      ],
      "featuredSamples": [
        {
          "id": "vibeui-1",
          "title": "双栏登录 · 结构示意",
          "url": "https://vibeui.online/",
          "sourceKind": "提示词集合页",
          "note": "原站的布局结构示意，可在原站复制对应提示词，再结合自己的设计参考使用。",
          "linkType": "collection"
        },
        {
          "id": "vibeui-2",
          "title": "三档定价 · 结构示意",
          "url": "https://vibeui.online/",
          "sourceKind": "提示词集合页",
          "note": "原站的布局结构示意，可在原站复制对应提示词，再结合自己的设计参考使用。",
          "linkType": "collection"
        },
        {
          "id": "vibeui-3",
          "title": "Bento 功能区 · 结构示意",
          "url": "https://vibeui.online/",
          "sourceKind": "提示词集合页",
          "note": "原站的布局结构示意，可在原站复制对应提示词，再结合自己的设计参考使用。",
          "linkType": "collection"
        }
      ]
    },
    {
      "id": "naive",
      "name": "Naive UI",
      "description": "Vue 3 组件库，适合表单、数据表格和后台产品。",
      "category": "UI 组件库",
      "tags": [
        "Vue 3",
        "MIT",
        "提供代码"
      ],
      "url": "https://www.naiveui.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/naive/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/naive/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 96,
      "scope": {
        "status": "官方组件文档",
        "note": "官网详情页直接访问返回404；结果直达对应官方组件文档，原官网路由保留在来源记录。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的公开组件源码",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "vue"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://github.com/tusen-ai/naive-ui/blob/main/LICENSE",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：Vue 3 组件库，适合表单、数据表格和后台产品。"
            },
            {
              "kind": "saved",
              "url": "https://github.com/tusen-ai/naive-ui",
              "date": "2026-10-13",
              "note": "已收录的公开仓库源码；此费用标注仅覆盖该源码范围。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "arco",
      "name": "Arco Design",
      "description": "企业级设计体系与组件，覆盖 React 和 Vue 的常用产品界面。",
      "category": "UI 组件库",
      "tags": [
        "React / Vue",
        "MIT",
        "提供代码"
      ],
      "url": "https://arco.design/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/arco/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/arco/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 144,
      "scope": {
        "status": "React / Vue 官方目录",
        "note": "已收录 React 官方路由与官网发布的 Vue 组件导航。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的公开组件源码",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "react",
            "vue"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://github.com/arco-design/arco-design/blob/main/LICENSE",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：企业级设计体系与组件，覆盖 React 和 Vue 的常用产品界面。"
            },
            {
              "kind": "saved",
              "url": "https://github.com/arco-design/arco-design",
              "date": "2026-10-13",
              "note": "已收录的公开仓库源码；此费用标注仅覆盖该源码范围。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "elementplus",
      "name": "Element Plus",
      "description": "Vue 3 的常用界面组件，适合表单、导航与管理后台。",
      "category": "UI 组件库",
      "tags": [
        "Vue 3",
        "MIT",
        "提供代码"
      ],
      "url": "https://element-plus.org/zh-CN/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/elementplus/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/elementplus/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 83,
      "scope": {
        "status": "公开目录",
        "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的公开组件源码",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "vue"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://github.com/element-plus/element-plus/blob/dev/LICENSE",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：Vue 3 的常用界面组件，适合表单、导航与管理后台。"
            },
            {
              "kind": "saved",
              "url": "https://github.com/element-plus/element-plus",
              "date": "2026-10-13",
              "note": "已收录的公开仓库源码；此费用标注仅覆盖该源码范围。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "heroui",
      "name": "HeroUI",
      "description": "React 组件库，适合可访问的按钮、表单和产品界面。",
      "category": "UI 组件库",
      "tags": [
        "React",
        "Apache-2.0",
        "提供代码"
      ],
      "url": "https://www.heroui.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/heroui/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/heroui/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 111,
      "scope": {
        "status": "公开目录",
        "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的公开组件源码",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://github.com/heroui-inc/heroui/blob/v3/LICENSE",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：React 组件库，适合可访问的按钮、表单和产品界面。"
            },
            {
              "kind": "saved",
              "url": "https://github.com/heroui-inc/heroui",
              "date": "2026-10-13",
              "note": "已收录的公开仓库源码；此费用标注仅覆盖该源码范围。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "material3",
      "name": "Material Design 3",
      "description": "Google 的设计体系，搭配开源 Material Web 组件查看规范与实现。",
      "category": "UI 组件库",
      "tags": [
        "Web Components",
        "Apache-2.0",
        "提供代码"
      ],
      "url": "https://m3.material.io/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/material3/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/material3/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 36,
      "scope": {
        "status": "公开目录",
        "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的公开组件源码",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "webcomponents"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://github.com/material-components/material-web/blob/main/LICENSE",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：Google 的设计体系，搭配开源 Material Web 组件查看规范与实现。"
            },
            {
              "kind": "saved",
              "url": "https://github.com/material-components/material-web",
              "date": "2026-10-13",
              "note": "已收录的公开仓库源码；此费用标注仅覆盖该源码范围。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "radix",
      "name": "Radix UI",
      "description": "可访问的 React 组件与主题，适合搭建一致的界面基础。",
      "category": "UI 组件库",
      "tags": [
        "React",
        "MIT",
        "提供代码"
      ],
      "url": "https://www.radix-ui.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/radix/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/radix/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 86,
      "scope": {
        "status": "公开目录",
        "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的公开组件源码",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://github.com/radix-ui/themes/blob/main/LICENSE",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：可访问的 React 组件与主题，适合搭建一致的界面基础。"
            },
            {
              "kind": "saved",
              "url": "https://github.com/radix-ui/themes",
              "date": "2026-10-13",
              "note": "已收录的公开仓库源码；此费用标注仅覆盖该源码范围。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "uiverse",
      "name": "Uiverse",
      "description": "社区分享的 UI 元素，可查找并复制按钮、输入框与加载效果。",
      "category": "UI 组件库",
      "tags": [
        "HTML / CSS",
        "MIT",
        "提供代码"
      ],
      "url": "https://uiverse.io/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/uiverse/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/uiverse/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 3802,
      "scope": {
        "status": "官方归档",
        "note": "官网当前返回访问限制；组件来自官方公开归档，覆盖归档中的目录。链接未逐项打开。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的公开组件源码",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "html"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://github.com/uiverse-io/galaxy/blob/main/LICENSE",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：社区分享的 UI 元素，可查找并复制按钮、输入框与加载效果。"
            },
            {
              "kind": "saved",
              "url": "https://github.com/uiverse-io/galaxy",
              "date": "2026-10-13",
              "note": "已收录的公开仓库源码；此费用标注仅覆盖该源码范围。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "cult",
      "name": "Cult UI",
      "description": "可复制的 shadcn/ui 组件，包含动效、卡片和复杂交互。",
      "category": "UI 组件库",
      "tags": [
        "React",
        "MIT",
        "免费组件"
      ],
      "url": "https://www.cult-ui.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/cult/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/cult/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 133,
      "scope": {
        "status": "公开目录",
        "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的公开组件源码",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://github.com/nolly-studio/cult-ui/blob/main/LICENSE.md",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：可复制的 shadcn/ui 组件，包含动效、卡片和复杂交互。"
            },
            {
              "kind": "saved",
              "url": "https://github.com/nolly-studio/cult-ui",
              "date": "2026-10-13",
              "note": "已收录的公开仓库源码；此费用标注仅覆盖该源码范围。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "appica",
      "name": "Appica UI",
      "description": "提供表单、导航和数据展示组件，适合现代网页产品。",
      "category": "UI 组件库",
      "tags": [
        "React",
        "MIT",
        "提供代码"
      ],
      "url": "https://appica.dev/ui",
      "directoryUrl": "https://www.uipicks.top/ai/sites/appica/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/appica/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 72,
      "scope": {
        "status": "公开目录",
        "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的公开组件源码",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://github.com/appica-dev/appica-ui/blob/main/LICENSE",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：提供表单、导航和数据展示组件，适合现代网页产品。"
            },
            {
              "kind": "saved",
              "url": "https://github.com/appica-dev/appica-ui",
              "date": "2026-10-13",
              "note": "已收录的公开仓库源码；此费用标注仅覆盖该源码范围。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "beui",
      "name": "beUI",
      "description": "免费的 React 动效组件，适合文字、卡片和背景效果。",
      "category": "UI 组件库",
      "tags": [
        "React",
        "MIT",
        "免费组件"
      ],
      "url": "https://beui.dev/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/beui/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/beui/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 107,
      "scope": {
        "status": "公开目录",
        "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的公开组件源码",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://github.com/starc007/ui-components/blob/main/LICENSE",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：免费的 React 动效组件，适合文字、卡片和背景效果。"
            },
            {
              "kind": "saved",
              "url": "https://github.com/starc007/ui-components",
              "date": "2026-10-13",
              "note": "已收录的公开仓库源码；此费用标注仅覆盖该源码范围。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "coss",
      "name": "coss ui",
      "description": "基于 Base UI 的界面组件，适合表单和常用产品操作。",
      "category": "UI 组件库",
      "tags": [
        "React",
        "AGPL-3.0",
        "提供代码"
      ],
      "url": "https://coss.com/ui",
      "directoryUrl": "https://www.uipicks.top/ai/sites/coss/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/coss/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 56,
      "scope": {
        "status": "公开目录",
        "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的公开组件源码",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://github.com/cosscom/ui/blob/main/LICENSE",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：基于 Base UI 的界面组件，适合表单和常用产品操作。"
            },
            {
              "kind": "saved",
              "url": "https://github.com/cosscom/ui",
              "date": "2026-10-13",
              "note": "已收录的公开仓库源码；此费用标注仅覆盖该源码范围。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "boardui",
      "name": "BoardUI",
      "description": "面向仪表盘的免费开源组件，包含表格、图表和数据卡片。",
      "category": "UI 组件库",
      "tags": [
        "React",
        "MIT",
        "免费组件"
      ],
      "url": "https://www.boardui.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/boardui/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/boardui/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 83,
      "scope": {
        "status": "公开目录（已检查入口）",
        "note": "中文详情路径已失效，已替换为官网站点地图里的正式页面并逐项检查。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的公开组件源码",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://github.com/BoardUI/boardui/blob/main/LICENSE",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：面向仪表盘的免费开源组件，包含表格、图表和数据卡片。"
            },
            {
              "kind": "saved",
              "url": "https://github.com/BoardUI/boardui",
              "date": "2026-10-13",
              "note": "已收录的公开仓库源码；此费用标注仅覆盖该源码范围。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "watermelon",
      "name": "Watermelon UI",
      "description": "可复制的 React 组件、区块与仪表盘，适合快速搭建页面。",
      "category": "UI 组件库",
      "tags": [
        "React",
        "MIT",
        "提供代码"
      ],
      "url": "https://ui.watermelon.sh/home",
      "directoryUrl": "https://www.uipicks.top/ai/sites/watermelon/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/watermelon/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 209,
      "scope": {
        "status": "公开目录",
        "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的公开组件源码",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://github.com/WatermelonCorp/watermelon-platform/blob/main/LICENSE",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：可复制的 React 组件、区块与仪表盘，适合快速搭建页面。"
            },
            {
              "kind": "saved",
              "url": "https://github.com/WatermelonCorp/watermelon-platform",
              "date": "2026-10-13",
              "note": "已收录的公开仓库源码；此费用标注仅覆盖该源码范围。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "spell",
      "name": "Spell UI",
      "description": "可复制的 React 组件，适合文字效果、卡片与界面动效。",
      "category": "UI 组件库",
      "tags": [
        "React",
        "MIT",
        "提供代码"
      ],
      "url": "https://spell.sh/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/spell/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/spell/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 32,
      "scope": {
        "status": "公开目录",
        "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的公开组件源码",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://github.com/xxtomm/spell-ui/blob/main/LICENSE",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：可复制的 React 组件，适合文字效果、卡片与界面动效。"
            },
            {
              "kind": "saved",
              "url": "https://github.com/xxtomm/spell-ui",
              "date": "2026-10-13",
              "note": "已收录的公开仓库源码；此费用标注仅覆盖该源码范围。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "spectrum",
      "name": "Spectrum UI",
      "description": "React 动效组件和页面区块，适合产品展示与交互细节。",
      "category": "UI 组件库",
      "tags": [
        "React",
        "Apache-2.0",
        "提供代码"
      ],
      "url": "https://ui.spectrumhq.in/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/spectrum/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/spectrum/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 59,
      "scope": {
        "status": "公开目录",
        "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的公开组件源码",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/LICENSE",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：React 动效组件和页面区块，适合产品展示与交互细节。"
            },
            {
              "kind": "saved",
              "url": "https://github.com/arihantcodes/spectrum-ui",
              "date": "2026-10-13",
              "note": "已收录的公开仓库源码；此费用标注仅覆盖该源码范围。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "obsidian",
      "name": "ObsidianUI",
      "description": "React 与 Tailwind CSS 组件，适合给常用界面补充细节。",
      "category": "UI 组件库",
      "tags": [
        "React",
        "MIT",
        "提供代码"
      ],
      "url": "https://www.obsidianui.dev/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/obsidian/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/obsidian/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 12,
      "scope": {
        "status": "公开目录",
        "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的公开组件源码",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://github.com/Atharvsinh-codez/ObsidianUI/blob/main/LICENSE",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：React 与 Tailwind CSS 组件，适合给常用界面补充细节。"
            },
            {
              "kind": "saved",
              "url": "https://github.com/Atharvsinh-codez/ObsidianUI",
              "date": "2026-10-13",
              "note": "已收录的公开仓库源码；此费用标注仅覆盖该源码范围。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "arc",
      "name": "Arc UI",
      "description": "免费的 shadcn 动效组件，适合 React 与 Next.js 页面。",
      "category": "UI 组件库",
      "tags": [
        "React",
        "MIT",
        "免费组件"
      ],
      "url": "https://uiarc.dev/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/arc/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/arc/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 244,
      "scope": {
        "status": "公开目录",
        "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的公开组件源码",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://github.com/kuratlielia/arc-library/blob/main/LICENSE",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：免费的 shadcn 动效组件，适合 React 与 Next.js 页面。"
            },
            {
              "kind": "saved",
              "url": "https://github.com/kuratlielia/arc-library",
              "date": "2026-10-13",
              "note": "已收录的公开仓库源码；此费用标注仅覆盖该源码范围。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "beautiful",
      "name": "Beautiful UI",
      "description": "面向 AI 产品的界面组件，包含思考状态、对话和审批卡片。",
      "category": "UI 组件库",
      "tags": [
        "AI 界面",
        "MIT",
        "提供代码"
      ],
      "url": "https://www.beautifului.dev/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/beautiful/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/beautiful/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 21,
      "scope": {
        "status": "公开目录",
        "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.beautifului.dev/license",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：面向 AI 产品的界面组件，包含思考状态、对话和审批卡片。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "gooey",
      "name": "Liquid Gooey",
      "description": "React 液态融合效果组件，适合按钮与控件之间的形变交互。",
      "category": "UI 组件库",
      "tags": [
        "React",
        "MIT",
        "提供代码"
      ],
      "url": "https://libraries.dev/gooey",
      "directoryUrl": "https://www.uipicks.top/ai/sites/gooey/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/gooey/index.json",
      "code": true,
      "prompt": true,
      "entryCount": 1,
      "scope": {
        "status": "公开目录",
        "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的公开组件源码",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://libraries.dev/gooey",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：React 液态融合效果组件，适合按钮与控件之间的形变交互。"
            },
            {
              "kind": "saved",
              "url": "https://github.com/Jakubantalik/Libraries.dev",
              "date": "2026-10-13",
              "note": "已收录的公开仓库源码；此费用标注仅覆盖该源码范围。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "beam",
      "name": "Border Beam",
      "description": "沿卡片、按钮或输入框边缘流动的发光效果组件。",
      "category": "UI 组件库",
      "tags": [
        "React / SwiftUI",
        "MIT",
        "提供代码"
      ],
      "url": "https://libraries.dev/beam",
      "directoryUrl": "https://www.uipicks.top/ai/sites/beam/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/beam/index.json",
      "code": true,
      "prompt": true,
      "entryCount": 1,
      "scope": {
        "status": "公开目录",
        "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog-web",
          "label": "已收录的公开组件源码",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://libraries.dev/beam",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：沿卡片、按钮或输入框边缘流动的发光效果组件。"
            },
            {
              "kind": "saved",
              "url": "https://github.com/Jakubantalik/Libraries.dev",
              "date": "2026-10-13",
              "note": "已收录的公开仓库源码；此费用标注仅覆盖该源码范围。"
            }
          ]
        },
        {
          "id": "catalog-mobile",
          "label": "已收录的公开组件源码",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "swiftui"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://libraries.dev/beam",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：沿卡片、按钮或输入框边缘流动的发光效果组件。"
            },
            {
              "kind": "saved",
              "url": "https://github.com/Jakubantalik/Libraries.dev",
              "date": "2026-10-13",
              "note": "已收录的公开仓库源码；此费用标注仅覆盖该源码范围。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "21st",
      "name": "21st",
      "description": "浏览社区开源 React 组件；组件页分别列出来源、代码与许可。",
      "category": "UI 组件库",
      "tags": [
        "React",
        "按组件协议",
        "提供代码"
      ],
      "url": "https://21st.dev/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/21st/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/21st/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 8589,
      "scope": {
        "status": "公开目录",
        "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://docs.21st.dev/%40shadcn/components/hover-card/user-hover-card",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：浏览社区开源 React 组件；组件页分别列出来源、代码与许可。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "shadcnuikit",
      "name": "Shadcn UI Kit",
      "description": "基于 shadcn/ui 的管理后台模板，包含仪表盘、看板和应用页面。",
      "category": "组件与模板",
      "tags": [
        "后台模板",
        "shadcn/ui",
        "付费模板"
      ],
      "url": "https://shadcnuikit.com/dashboard/default",
      "directoryUrl": "https://www.uipicks.top/ai/sites/shadcnuikit/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/shadcnuikit/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 549,
      "scope": {
        "status": "已核对公开详情目录",
        "note": "根据本次官网站点地图核对命名详情，排除站点导航、安装说明与类目；具体示例、文档与参考分别标识。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "starter",
          "label": "免费 Starter 项目",
          "platforms": [
            "web"
          ],
          "resources": [
            "code",
            "template"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "live",
              "url": "https://shadcnuikit.com/",
              "date": "2026-10-18",
              "note": "官网 Starter 方案明确免费，并提供公开项目；官方技术说明为 React 与 Next.js。"
            }
          ]
        },
        {
          "id": "pro",
          "label": "Pro 后台与网站模板",
          "platforms": [
            "web"
          ],
          "resources": [
            "code",
            "template"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "paid"
          ],
          "evidence": [
            {
              "kind": "live",
              "url": "https://shadcnuikit.com/",
              "date": "2026-10-18",
              "note": "官网将 Pro 与团队方案列为付费获取；免费 Starter 范围有限。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "threeui",
      "name": "ThreeUI",
      "description": "Three.js 组件、WebGL 背景和整页模板，适合 3D 与沉浸式网页。",
      "category": "UI 组件库",
      "tags": [
        "Three.js",
        "3D 效果",
        "提供代码"
      ],
      "url": "https://threeui.com/browse",
      "directoryUrl": "https://www.uipicks.top/ai/sites/threeui/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/threeui/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 875,
      "scope": {
        "status": "已核对公开详情目录",
        "note": "根据本次官网站点地图核对命名详情，排除站点导航、安装说明与类目；具体示例、文档与参考分别标识。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "code",
            "template"
          ],
          "frameworks": [
            "threejs"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://threeui.com/browse",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：Three.js 组件、WebGL 背景和整页模板，适合 3D 与沉浸式网页。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "fluid",
      "name": "Fluid Functionalism",
      "description": "带细腻交互反馈的 UI 组件，包含对话框、输入框、表格与 AI 状态。",
      "category": "UI 组件库",
      "tags": [
        "组件库",
        "交互反馈",
        "可提供提示词"
      ],
      "url": "https://www.fluidfunctionalism.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/fluid/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/fluid/index.json",
      "code": true,
      "prompt": true,
      "entryCount": 35,
      "scope": {
        "status": "已核对公开详情目录",
        "note": "根据本次官网站点地图核对命名详情，排除站点导航、安装说明与类目；具体示例、文档与参考分别标识。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "code",
            "prompt"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.fluidfunctionalism.com/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：带细腻交互反馈的 UI 组件，包含对话框、输入框、表格与 AI 状态。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "motionin",
      "name": "Motion",
      "description": "可复用的网页交互区块与动效场景，通过原站提示词搭建页面。",
      "category": "组件与模板",
      "tags": [
        "交互区块",
        "网页动效",
        "可提供提示词"
      ],
      "url": "https://www.motionin.design/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/motionin/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/motionin/index.json",
      "code": false,
      "prompt": true,
      "entryCount": 54,
      "scope": {
        "status": "已核对公开详情目录",
        "note": "根据本次官网站点地图核对命名详情，排除站点导航、安装说明与类目；具体示例、文档与参考分别标识。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "prompt"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.motionin.design/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：可复用的网页交互区块与动效场景，通过原站提示词搭建页面。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "rewamp",
      "name": "RewampUI",
      "description": "可复制的 React 动效组件，包含卡片轮播和主题切换；提供作者仓库入口。",
      "category": "UI 组件库",
      "tags": [
        "React",
        "动效组件",
        "作者仓库"
      ],
      "url": "https://github.com/palakonweb/Rewamp-UI",
      "directoryUrl": "https://www.uipicks.top/ai/sites/rewamp/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/rewamp/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 71,
      "scope": {
        "status": "已核对公开条目清单",
        "note": "覆盖 ComponentsPage 中实际注册的组件条目；文档入口不计为组件。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://github.com/palakonweb/Rewamp-UI",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：可复制的 React 动效组件，包含卡片轮播和主题切换；提供作者仓库入口。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "glowup",
      "name": "GlowUp UI",
      "description": "面向 Vibe Coding 的界面模板与设计提示词，可在原站查看和复制。",
      "category": "组件与模板",
      "tags": [
        "界面模板",
        "设计提示词",
        "可提供提示词"
      ],
      "url": "https://glowupui.io/templates",
      "directoryUrl": "https://www.uipicks.top/ai/sites/glowup/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/glowup/index.json",
      "code": false,
      "prompt": true,
      "entryCount": 40,
      "scope": {
        "status": "已核对公开模板清单",
        "note": "使用官网同一匿名只读模板查询，覆盖具有公开 source_image_url 的全部模板；不调用生成或计数写入接口。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "prompt",
            "template"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://glowupui.io/templates",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：面向 Vibe Coding 的界面模板与设计提示词，可在原站查看和复制。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "origin",
      "name": "Originkit",
      "description": "可复制的网页动效组件，支持代码、Framer 与 MCP 使用。",
      "category": "UI 组件库",
      "tags": [
        "React",
        "动效组件",
        "使用协议"
      ],
      "url": "https://www.originkit.dev/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/origin/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/origin/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 713,
      "scope": {
        "status": "已核对公开条目清单",
        "note": "覆盖本次官网发布数据中的全部命名组件和页面区块；不重复计算同一组件的框架代码版本。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "components",
          "label": "网页动效组件",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "live",
              "url": "https://www.originkit.dev/",
              "date": "2026-10-18",
              "note": "官方页面标题注明免费动效组件；现有收录明确 React 与网页用途。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "vuebits",
      "name": "Vue Bits",
      "description": "可定制的 Vue 动效组件，适合文字、卡片与动态背景。",
      "category": "UI 组件库",
      "tags": [
        "Vue",
        "动效组件",
        "提供代码"
      ],
      "url": "https://vue-bits.dev/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/vuebits/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/vuebits/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 196,
      "scope": {
        "status": "已核对公开条目清单",
        "note": "覆盖本次官网发布资源中的命名条目与 docsUrl；不把通用依赖中的组件混入目录。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "vue"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://vue-bits.dev/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：可定制的 Vue 动效组件，适合文字、卡片与动态背景。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "transitions",
      "name": "Transitions",
      "description": "提供卡片、菜单、弹窗与状态变化等可复制的 UI 过渡效果。",
      "category": "UI 组件库",
      "tags": [
        "交互过渡",
        "HTML / React",
        "含付费内容"
      ],
      "url": "https://transitions.dev/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/transitions/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/transitions/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 44,
      "scope": {
        "status": "已核对公开条目清单",
        "note": "覆盖官方 Library 页中有正式详情地址的全部演示卡片，Pro 预览明确标注。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "react",
            "html"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://transitions.dev/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：提供卡片、菜单、弹窗与状态变化等可复制的 UI 过渡效果。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "shadcnstudio",
      "name": "Shadcn Studio",
      "description": "基于 shadcn/ui 的组件、页面区块和模板，可复制代码或通过 CLI 使用。",
      "category": "UI 组件库",
      "tags": [
        "React",
        "组件与区块",
        "含付费内容"
      ],
      "url": "https://shadcnstudio.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/shadcnstudio/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/shadcnstudio/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 1017,
      "scope": {
        "status": "已核对公开组件与区块数据",
        "note": "检查全部 135 个已发布组件/区块栏目；从发布的 registry 对象提取命名区块及正式预览路径，付费源码不采集。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "free",
          "label": "免费组件与页面区块",
          "platforms": [
            "web"
          ],
          "resources": [
            "code",
            "template"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "live",
              "url": "https://shadcnstudio.com/",
              "date": "2026-10-18",
              "note": "官网明确列出 free tier、免费组件与区块。"
            }
          ]
        },
        {
          "id": "pro-code",
          "label": "Pro 组件、区块与模板",
          "platforms": [
            "web"
          ],
          "resources": [
            "code",
            "template"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "paid"
          ],
          "evidence": [
            {
              "kind": "live",
              "url": "https://shadcnstudio.com/",
              "date": "2026-10-18",
              "note": "官网将 Pro 资源列在订阅中；免费和 Pro 资源分别记录。"
            }
          ]
        },
        {
          "id": "figma",
          "label": "订阅 Figma 设计套件",
          "platforms": [
            "web"
          ],
          "resources": [
            "figma"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "paid"
          ],
          "evidence": [
            {
              "kind": "live",
              "url": "https://shadcnstudio.com/",
              "date": "2026-10-18",
              "note": "官网将 Figma kit 列入订阅资源；不推断免费 tier 含完整 Figma 套件。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "rare",
      "name": "Rare UI",
      "description": "可复制的 React 动效组件，包含文件夹、代码块、导航与创意交互。",
      "category": "UI 组件库",
      "tags": [
        "React",
        "动效组件",
        "提供代码"
      ],
      "url": "https://www.rareui.com/components",
      "directoryUrl": "https://www.uipicks.top/ai/sites/rare/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/rare/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 25,
      "scope": {
        "status": "公开导航样本",
        "note": "本次收录用途时取得的官方导航样本或集合入口，非全站完整目录。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.rareui.com/components",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：可复制的 React 动效组件，包含文件夹、代码块、导航与创意交互。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "sveltebits",
      "name": "Svelte Bits",
      "description": "面向 Svelte 的创意动效组件与背景，支持定制与复制代码。",
      "category": "UI 组件库",
      "tags": [
        "Svelte",
        "动效组件",
        "提供代码"
      ],
      "url": "https://sveltebits.xyz/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/sveltebits/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/sveltebits/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 165,
      "scope": {
        "status": "官方公开目录（官网文档受限）",
        "note": "按官方分类、slug 函数与 IMPLEMENTED_DEMOS 交集提取已经实现的组件，排除未实现占位；保留对应官方源码。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "svelte"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://sveltebits.xyz/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：面向 Svelte 的创意动效组件与背景，支持定制与复制代码。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "swiftpieces",
      "name": "SwiftPieces",
      "description": "面向 iOS 的 SwiftUI 组件，包含卡片、输入框、导航、动效与触觉反馈。",
      "category": "UI 组件库",
      "tags": [
        "SwiftUI",
        "iOS",
        "提供代码"
      ],
      "url": "https://swiftpieces.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/swiftpieces/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/swiftpieces/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 70,
      "scope": {
        "status": "已核对公开文档目录",
        "note": "覆盖本次官方站点地图中可独立选择的组件文档，不计安装、教程、类目或更新日志。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "free-pieces",
          "label": "免费 SwiftUI 组件",
          "platforms": [
            "ios"
          ],
          "resources": [
            "code"
          ],
          "frameworks": [
            "swiftui"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "live",
              "url": "https://swiftpieces.com/",
              "date": "2026-10-18",
              "note": "官网明确免费组件面向 iOS，提供可复制的 SwiftUI 源文件。"
            }
          ]
        },
        {
          "id": "pro",
          "label": "SwiftPieces Pro 界面、流程与模板",
          "platforms": [
            "ios"
          ],
          "resources": [
            "code",
            "template",
            "flow"
          ],
          "frameworks": [
            "swiftui"
          ],
          "pricing": [
            "paid"
          ],
          "evidence": [
            {
              "kind": "live",
              "url": "https://swiftpieces.com/",
              "date": "2026-10-18",
              "note": "官网问答明确将 Pro 列为单独的付费界面、流程与应用模板库。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "heropro",
      "name": "HeroUI Pro",
      "description": "面向 React 与 React Native 的付费组件、模板和 AI 工具。",
      "category": "UI 组件库",
      "tags": [
        "React / Native",
        "付费组件",
        "组件与模板"
      ],
      "url": "https://heroui.pro/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/heropro/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/heropro/index.json",
      "code": true,
      "prompt": false,
      "entryCount": 122,
      "scope": {
        "status": "已核对公开文档目录",
        "note": "覆盖本次官方站点地图中可独立选择的组件文档，不计安装、教程、类目或更新日志。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "web",
          "label": "HeroUI Pro Web 资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "code",
            "template"
          ],
          "frameworks": [
            "react"
          ],
          "pricing": [
            "paid"
          ],
          "evidence": [
            {
              "kind": "live",
              "url": "https://heroui.pro/",
              "date": "2026-10-18",
              "note": "官方提供 React Web 版付费组件与模板。"
            }
          ]
        },
        {
          "id": "native",
          "label": "HeroUI Pro 移动端资源",
          "platforms": [
            "ios",
            "android"
          ],
          "resources": [
            "code",
            "template"
          ],
          "frameworks": [
            "native"
          ],
          "pricing": [
            "paid"
          ],
          "evidence": [
            {
              "kind": "live",
              "url": "https://heroui.pro/",
              "date": "2026-10-18",
              "note": "官方明确 React Native 组件覆盖 iOS 和 Android，移动版单独获取。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-b2tf-app",
      "name": "B2TF",
      "description": "复古移动应用的界面设计目录，适合寻找 App 风格与历史界面参考。",
      "category": "App 界面",
      "tags": [
        "移动应用",
        "复古界面"
      ],
      "url": "https://www.b2tf.app/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-b2tf-app/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-b2tf-app/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 38,
      "scope": {
        "status": "已整理部分目录",
        "note": "已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "reference"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.b2tf.app/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：复古移动应用的界面设计目录，适合寻找 App 风格与历史界面参考。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-pageflows-com",
      "name": "Page Flows",
      "description": "查看产品界面和用户流程，适合研究注册、引导与操作路径。",
      "category": "App 界面",
      "tags": [
        "用户流程",
        "产品界面"
      ],
      "url": "https://pageflows.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-pageflows-com/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-pageflows-com/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 0,
      "scope": {
        "status": "访问受限",
        "note": "公开入口请求被拒绝或要求登录，未收录未经确认的条目。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "flows",
          "label": "产品界面与流程参考",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "reference",
            "flow"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "unavailable",
              "url": "https://pageflows.com/",
              "date": "2026-10-18",
              "note": "已有收录说明支持流程参考；本轮官方访问失败，平台和费用未确认。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-bencho-dev",
      "name": "Bencho Finds",
      "description": "收集值得研究的 UI 交互，适合寻找反馈与状态变化参考。",
      "category": "交互动效",
      "tags": [
        "UI 交互",
        "微交互"
      ],
      "url": "https://bencho.dev/finds",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-bencho-dev/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-bencho-dev/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 63,
      "scope": {
        "status": "已核对公开详情目录",
        "note": "根据本次官网站点地图核对命名详情，排除站点导航、安装说明与类目；具体示例、文档与参考分别标识。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "unknown"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://bencho.dev/finds",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：收集值得研究的 UI 交互，适合寻找反馈与状态变化参考。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-csscursors-colorion-co",
      "name": "CSS Cursors",
      "description": "浏览 CSS 鼠标光标效果，适合寻找光标与跟随交互。",
      "category": "交互动效",
      "tags": [
        "光标",
        "CSS"
      ],
      "url": "https://csscursors.colorion.co/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-csscursors-colorion-co/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-csscursors-colorion-co/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 40,
      "scope": {
        "status": "已核对公开效果代码清单",
        "note": "覆盖官网全部命名光标与对应 snippets 键；保存源文件地址，不编造独立演示详情路由。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "unknown"
          ],
          "frameworks": [
            "html"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://csscursors.colorion.co/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：浏览 CSS 鼠标光标效果，适合寻找光标与跟随交互。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-details-so",
      "name": "Details.so",
      "description": "浏览网页设计与细节交互参考，适合研究页面中的小动作。",
      "category": "交互动效",
      "tags": [
        "网页细节",
        "交互参考"
      ],
      "url": "https://www.details.so/inspo",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-details-so/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-details-so/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 3067,
      "scope": {
        "status": "已核对公开视频目录",
        "note": "覆盖本次公开视频站点地图里的命名案例；详情权限与原站一致，不代表取得源码或完整视频下载权限。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "motion"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.details.so/inspo",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：浏览网页设计与细节交互参考，适合研究页面中的小动作。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-inspora-design",
      "name": "Inspora",
      "description": "收藏的动效参考网站，用于寻找界面运动与视觉变化。",
      "category": "交互动效",
      "tags": [
        "动效参考"
      ],
      "url": "https://www.inspora.design/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-inspora-design/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-inspora-design/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 6,
      "scope": {
        "status": "已整理部分目录",
        "note": "已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "motion"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.inspora.design/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：收藏的动效参考网站，用于寻找界面运动与视觉变化。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-morphicons-com",
      "name": "Morphicons",
      "description": "SVG 图标形变库，适合寻找图标切换与形变动画。",
      "category": "图标",
      "tags": [
        "动态图标",
        "SVG",
        "形变"
      ],
      "url": "https://www.morphicons.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-morphicons-com/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-morphicons-com/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 4,
      "scope": {
        "status": "已补充公开条目",
        "note": "补充本次公开页面中的可定位条目；尚未验证全站全量覆盖。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "icons"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.morphicons.com/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：SVG 图标形变库，适合寻找图标切换与形变动画。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-motion-dev",
      "name": "Motion",
      "description": "JavaScript 与 React 动画库，适合查找动画实现方式与示例。",
      "category": "交互动效",
      "tags": [
        "动画库",
        "JavaScript",
        "React"
      ],
      "url": "https://motion.dev/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-motion-dev/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-motion-dev/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 524,
      "scope": {
        "status": "已核对公开详情目录",
        "note": "根据本次官网站点地图核对命名详情，排除站点导航、安装说明与类目；具体示例、文档与参考分别标识。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "unknown"
          ],
          "frameworks": [
            "react",
            "html"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://motion.dev/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：JavaScript 与 React 动画库，适合查找动画实现方式与示例。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-ripplix-com",
      "name": "Ripplix",
      "description": "UI 动画与微交互参考库，适合研究产品反馈和交互节奏。",
      "category": "交互动效",
      "tags": [
        "微交互",
        "UI 动画"
      ],
      "url": "https://www.ripplix.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-ripplix-com/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-ripplix-com/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 5359,
      "scope": {
        "status": "已核对公开视频目录",
        "note": "覆盖本次公开视频站点地图里的命名案例；详情权限与原站一致，不代表取得源码或完整视频下载权限。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "motion"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.ripplix.com/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：UI 动画与微交互参考库，适合研究产品反馈和交互节奏。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-text-effects-colorion-co",
      "name": "CSS Text Effects",
      "description": "CSS 文字动画参考，适合选择标题、强调文字与入场效果。",
      "category": "交互动效",
      "tags": [
        "文字动画",
        "CSS"
      ],
      "url": "https://text-effects.colorion.co/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-text-effects-colorion-co/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-text-effects-colorion-co/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 114,
      "scope": {
        "status": "部分公开目录",
        "note": "仅收录本次公开导航中的明确组件、效果链接或原书签中的单页演示；详情链接未逐项打开。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "unknown"
          ],
          "frameworks": [
            "html"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://text-effects.colorion.co/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：CSS 文字动画参考，适合选择标题、强调文字与入场效果。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-tympanus-net",
      "name": "Codrops",
      "description": "网页创意、交互实验与前端教程，适合研究效果和实现思路。",
      "category": "交互动效",
      "tags": [
        "交互实验",
        "前端教程"
      ],
      "url": "https://tympanus.net/codrops/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-tympanus-net/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-tympanus-net/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 0,
      "scope": {
        "status": "访问受限",
        "note": "公开入口请求被拒绝或要求登录，未收录未经确认的条目。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "motion"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://tympanus.net/codrops/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：网页创意、交互实验与前端教程，适合研究效果和实现思路。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-app-iconsax-io",
      "name": "Iconsax",
      "description": "界面图标资源，适合寻找产品操作与状态图标。",
      "category": "图标",
      "tags": [
        "界面图标"
      ],
      "url": "https://app.iconsax.io/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-app-iconsax-io/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-app-iconsax-io/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 6002,
      "scope": {
        "status": "官方图标归档目录",
        "note": "覆盖当前官方仓库指定 SVG 目录；去除 docs/static、类目/All 镜像重复，保留不同绘制风格。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "icons"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://app.iconsax.io/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：界面图标资源，适合寻找产品操作与状态图标。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-applore-app",
      "name": "Applore",
      "description": "应用图标发现与参考目录，适合比较图标造型和品牌辨识度。",
      "category": "图标",
      "tags": [
        "应用图标",
        "图标灵感"
      ],
      "url": "https://applore.app/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-applore-app/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-applore-app/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 165,
      "scope": {
        "status": "已补充公开条目",
        "note": "补充本次公开页面中的可定位条目；尚未验证全站全量覆盖。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "icons"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://applore.app/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：应用图标发现与参考目录，适合比较图标造型和品牌辨识度。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-iconify-design",
      "name": "Iconify",
      "description": "聚合多套图标的框架与目录，适合按名称查找图标。",
      "category": "图标",
      "tags": [
        "图标集",
        "SVG"
      ],
      "url": "https://iconify.design/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-iconify-design/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-iconify-design/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 1877,
      "scope": {
        "status": "已核对 Lucide 图标集",
        "note": "补齐原先只采样的 Lucide 图标集；Iconify 其他数百个图标集仍保留在原站浏览入口，不宣称覆盖整个聚合站。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "icons"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://iconify.design/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：聚合多套图标的框架与目录，适合按名称查找图标。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-iconsclub-xyz",
      "name": "IconsClub",
      "description": "应用商店图标设计图库，适合寻找应用品牌与图标参考。",
      "category": "图标",
      "tags": [
        "应用图标",
        "设计图库"
      ],
      "url": "https://www.iconsclub.xyz/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-iconsclub-xyz/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-iconsclub-xyz/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 100,
      "scope": {
        "status": "已整理部分目录",
        "note": "已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "icons"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.iconsclub.xyz/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：应用商店图标设计图库，适合寻找应用品牌与图标参考。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-koboyo-com",
      "name": "Koboyo Icons",
      "description": "手绘风格 SVG 图标目录，适合寻找有个性的界面图形。",
      "category": "图标",
      "tags": [
        "手绘图标",
        "SVG"
      ],
      "url": "https://koboyo.com/icons",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-koboyo-com/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-koboyo-com/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 120,
      "scope": {
        "status": "已整理部分目录",
        "note": "已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "icons"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://koboyo.com/icons",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：手绘风格 SVG 图标目录，适合寻找有个性的界面图形。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-lottiefiles-com",
      "name": "LottieFiles",
      "description": "动画图标资源，适合寻找界面反馈与轻量图标动画。",
      "category": "图标",
      "tags": [
        "动态图标",
        "Lottie"
      ],
      "url": "https://lottiefiles.com/free-animations/icon",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-lottiefiles-com/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-lottiefiles-com/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 0,
      "scope": {
        "status": "访问受限",
        "note": "公开入口请求被拒绝或要求登录，未收录未经确认的条目。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "icons"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://lottiefiles.com/free-animations/icon",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：动画图标资源，适合寻找界面反馈与轻量图标动画。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-tabler-io",
      "name": "Tabler Icons",
      "description": "矢量图标目录，适合常见网页与应用界面的操作图标。",
      "category": "图标",
      "tags": [
        "矢量图标",
        "界面图标"
      ],
      "url": "https://tabler.io/icons",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-tabler-io/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-tabler-io/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 6345,
      "scope": {
        "status": "官方图标归档目录",
        "note": "覆盖当前官方仓库指定 SVG 目录；去除 docs/static、类目/All 镜像重复，保留不同绘制风格。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "icons"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://tabler.io/icons",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：矢量图标目录，适合常见网页与应用界面的操作图标。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-web-iconly-pro",
      "name": "Iconly Pro",
      "description": "图标设计资源，适合比较图标风格和成套界面素材。",
      "category": "图标",
      "tags": [
        "图标集",
        "风格参考"
      ],
      "url": "https://web.iconly.pro/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-web-iconly-pro/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-web-iconly-pro/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 100,
      "scope": {
        "status": "已整理部分目录",
        "note": "已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "icons"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://web.iconly.pro/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：图标设计资源，适合比较图标风格和成套界面素材。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-codia-ai",
      "name": "Codia AI",
      "description": "AI 设计与开发工具，适合查看设计转开发相关工作流。",
      "category": "设计工具",
      "tags": [
        "AI 设计",
        "设计转开发"
      ],
      "url": "https://codia.ai/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-codia-ai/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-codia-ai/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 0,
      "scope": {
        "status": "无独立组件目录",
        "note": "本次公开页面主要提供工具、资源导航或教程，未发现可独立选择的组件/效果详情；保留网站入口。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "tool"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://codia.ai/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：AI 设计与开发工具，适合查看设计转开发相关工作流。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-designmd-me",
      "name": "DesignMD",
      "description": "生成 DESIGN.md 设计说明的工具，适合整理交给 AI 的视觉要求。",
      "category": "设计工具",
      "tags": [
        "DESIGN.md",
        "设计说明"
      ],
      "url": "https://designmd.me/generate",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-designmd-me/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-designmd-me/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 31,
      "scope": {
        "status": "已补充公开条目",
        "note": "补充本次公开页面中的可定位条目；尚未验证全站全量覆盖。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "prompt",
            "tool"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://designmd.me/generate",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：生成 DESIGN.md 设计说明的工具，适合整理交给 AI 的视觉要求。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-designmd-supply",
      "name": "designmd.supply",
      "description": "网页设计与 DESIGN.md 参考，适合寻找可复用的设计方向。",
      "category": "组件与模板",
      "tags": [
        "网页设计",
        "设计说明"
      ],
      "url": "https://www.designmd.supply/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-designmd-supply/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-designmd-supply/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 0,
      "scope": {
        "status": "访问受限",
        "note": "公开入口请求被拒绝或要求登录，未收录未经确认的条目。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "prompt"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.designmd.supply/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：网页设计与 DESIGN.md 参考，适合寻找可复用的设计方向。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-designprompts-dev",
      "name": "Design Prompts",
      "description": "设计风格与提示词参考，适合为 AI 页面制作选择表达方向。",
      "category": "组件与模板",
      "tags": [
        "设计提示词",
        "风格参考"
      ],
      "url": "https://www.designprompts.dev/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-designprompts-dev/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-designprompts-dev/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 30,
      "scope": {
        "status": "已整理部分目录",
        "note": "已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "prompt"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.designprompts.dev/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：设计风格与提示词参考，适合为 AI 页面制作选择表达方向。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-getlayers-ai",
      "name": "GetLayers",
      "description": "面向 AI 工作流的模板库，适合选择网页结构与设计起点。",
      "category": "组件与模板",
      "tags": [
        "网页模板",
        "AI 工作流"
      ],
      "url": "https://www.getlayers.ai/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-getlayers-ai/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-getlayers-ai/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 557,
      "scope": {
        "status": "已核对公开分栏目清单",
        "note": "合并首页、模板、3D、渐变、背景的发布数据；补查站点地图中缺少元数据的 77 个详情，分类依据原站类别和描述。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "template"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.getlayers.ai/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：面向 AI 工作流的模板库，适合选择网页结构与设计起点。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-kombai-com",
      "name": "Kombai",
      "description": "AI 设计工程工具，适合查看界面构建和前端实现工作流。",
      "category": "设计工具",
      "tags": [
        "AI 设计",
        "前端实现"
      ],
      "url": "https://kombai.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-kombai-com/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-kombai-com/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 0,
      "scope": {
        "status": "无独立组件目录",
        "note": "本次公开页面主要提供工具、资源导航或教程，未发现可独立选择的组件/效果详情；保留网站入口。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "tool"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://kombai.com/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：AI 设计工程工具，适合查看界面构建和前端实现工作流。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-lovart-art",
      "name": "Lovart",
      "description": "设计 Agent 工具，适合查看视觉设计与内容制作流程。",
      "category": "设计工具",
      "tags": [
        "设计 Agent",
        "视觉设计"
      ],
      "url": "https://www.lovart.art/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-lovart-art/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-lovart-art/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 0,
      "scope": {
        "status": "无独立组件目录",
        "note": "本次公开页面主要提供工具、资源导航或教程，未发现可独立选择的组件/效果详情；保留网站入口。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "tool"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.lovart.art/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：设计 Agent 工具，适合查看视觉设计与内容制作流程。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-meigen-ai",
      "name": "MeiGen",
      "description": "图像、视频生成与提示词资源，适合寻找视觉素材制作入口。",
      "category": "设计工具",
      "tags": [
        "图像生成",
        "视频",
        "提示词"
      ],
      "url": "https://www.meigen.ai/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-meigen-ai/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-meigen-ai/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 0,
      "scope": {
        "status": "访问受限",
        "note": "公开入口请求被拒绝或要求登录，未收录未经确认的条目。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "prompt",
            "tool",
            "motion"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.meigen.ai/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：图像、视频生成与提示词资源，适合寻找视觉素材制作入口。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-ojo-art",
      "name": "OJO",
      "description": "面向 UI、落地页和产品原型的 AI 设计工具。",
      "category": "设计工具",
      "tags": [
        "UI 设计",
        "落地页",
        "原型"
      ],
      "url": "https://ojo.art/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-ojo-art/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-ojo-art/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 0,
      "scope": {
        "status": "无独立组件目录",
        "note": "本次公开页面主要提供工具、资源导航或教程，未发现可独立选择的组件/效果详情；保留网站入口。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "tool"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://ojo.art/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：面向 UI、落地页和产品原型的 AI 设计工具。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-open-design-ai",
      "name": "Open Design",
      "description": "结合本地 Agent 的设计工作流，适合查看设计与代码协作方式。",
      "category": "设计工具",
      "tags": [
        "设计工作流",
        "Agent"
      ],
      "url": "https://open-design.ai/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-open-design-ai/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-open-design-ai/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 0,
      "scope": {
        "status": "无独立组件目录",
        "note": "本次公开页面主要提供工具、资源导航或教程，未发现可独立选择的组件/效果详情；保留网站入口。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "tool"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://open-design.ai/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：结合本地 Agent 的设计工作流，适合查看设计与代码协作方式。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-pixso-cn",
      "name": "Pixso",
      "description": "UI 设计与协作工具，适合界面设计、原型和设计交付。",
      "category": "设计工具",
      "tags": [
        "UI 设计",
        "原型",
        "协作"
      ],
      "url": "https://pixso.cn/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-pixso-cn/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-pixso-cn/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 14,
      "scope": {
        "status": "已整理部分目录",
        "note": "已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "tool"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://pixso.cn/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：UI 设计与协作工具，适合界面设计、原型和设计交付。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-screenshot-studio-com",
      "name": "Screenshot Studio",
      "description": "截图编辑与设备模型制作工具，适合制作应用展示素材。",
      "category": "设计工具",
      "tags": [
        "截图编辑",
        "应用展示"
      ],
      "url": "https://www.screenshot-studio.com/zh",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-screenshot-studio-com/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-screenshot-studio-com/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 0,
      "scope": {
        "status": "无独立组件目录",
        "note": "本次公开页面主要提供工具、资源导航或教程，未发现可独立选择的组件/效果详情；保留网站入口。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "tool"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.screenshot-studio.com/zh",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：截图编辑与设备模型制作工具，适合制作应用展示素材。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-stitch-withgoogle-com",
      "name": "Stitch",
      "description": "AI 界面设计工具，适合探索产品界面与设计方向。",
      "category": "设计工具",
      "tags": [
        "AI 设计",
        "产品界面"
      ],
      "url": "https://stitch.withgoogle.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-stitch-withgoogle-com/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-stitch-withgoogle-com/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 0,
      "scope": {
        "status": "无独立组件目录",
        "note": "本次公开页面主要提供工具、资源导航或教程，未发现可独立选择的组件/效果详情；保留网站入口。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "tool"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://stitch.withgoogle.com/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：AI 界面设计工具，适合探索产品界面与设计方向。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-variant-com",
      "name": "Variant",
      "description": "探索不同设计方案的工具，适合比较同一个想法的视觉方向。",
      "category": "设计工具",
      "tags": [
        "设计探索",
        "方案比较"
      ],
      "url": "https://variant.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-variant-com/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-variant-com/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 0,
      "scope": {
        "status": "无独立组件目录",
        "note": "本次公开页面主要提供工具、资源导航或教程，未发现可独立选择的组件/效果详情；保留网站入口。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "tool"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://variant.com/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：探索不同设计方案的工具，适合比较同一个想法的视觉方向。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-aceternity-com",
      "name": "Aceternity Studio",
      "description": "网站设计工作室的作品与服务页面，适合参考完整网站的视觉和布局。",
      "category": "网页布局",
      "tags": [
        "网站案例",
        "设计工作室"
      ],
      "url": "https://www.aceternity.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-aceternity-com/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-aceternity-com/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 0,
      "scope": {
        "status": "无独立组件目录",
        "note": "设计服务官网；具体组件已在独立的 Aceternity UI 站点收录。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "reference"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.aceternity.com/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：网站设计工作室的作品与服务页面，适合参考完整网站的视觉和布局。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-blocks-lander-studio",
      "name": "Lander Blocks",
      "description": "Figma 设计资源与网页区块，适合寻找可复用的页面结构。",
      "category": "组件与模板",
      "tags": [
        "Figma",
        "网页区块"
      ],
      "url": "https://blocks.lander.studio/?category=website",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-blocks-lander-studio/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-blocks-lander-studio/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 0,
      "scope": {
        "status": "未取得公开条目",
        "note": "已检查公开页面与发布资源；未取得能确认名称及独立详情地址的组件/效果，保留网站入口。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "figma-blocks",
          "label": "免费 Figma 网页区块",
          "platforms": [
            "web"
          ],
          "resources": [
            "figma",
            "template"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "free"
          ],
          "evidence": [
            {
              "kind": "live",
              "url": "https://blocks.lander.studio/",
              "date": "2026-10-18",
              "note": "官方首页明确提供免费 Figma blocks，用于网页布局与设计参考。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-claudevideo-org",
      "name": "Claude Video",
      "description": "收藏的 AI 视频示例与提示词网站，适合寻找视频表达参考。",
      "category": "视频与动效",
      "tags": [
        "视频示例",
        "提示词"
      ],
      "url": "https://claudevideo.org/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-claudevideo-org/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-claudevideo-org/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 194,
      "scope": {
        "status": "已核对公开案例目录",
        "note": "覆盖本次站点地图中对应详情路径；案例性质保持为参考，不推断页面一定具有动效。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "prompt",
            "motion"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://claudevideo.org/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：收藏的 AI 视频示例与提示词网站，适合寻找视频表达参考。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-collectui-com",
      "name": "Collect UI",
      "description": "按界面主题浏览日常 UI 设计参考，适合比较不同设计解法。",
      "category": "设计灵感",
      "tags": [
        "UI 灵感",
        "界面主题"
      ],
      "url": "https://collectui.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-collectui-com/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-collectui-com/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 23,
      "scope": {
        "status": "已整理部分目录",
        "note": "已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "reference"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://collectui.com/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：按界面主题浏览日常 UI 设计参考，适合比较不同设计解法。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-ivomynttinen-com",
      "name": "Ivo’s Design Gallery",
      "description": "macOS 应用设计图库，适合研究桌面应用界面。",
      "category": "App 界面",
      "tags": [
        "macOS",
        "桌面应用"
      ],
      "url": "https://ivomynttinen.com/gallery/macos/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-ivomynttinen-com/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-ivomynttinen-com/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 6,
      "scope": {
        "status": "已整理部分目录",
        "note": "已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "macos"
          ],
          "resources": [
            "reference"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://ivomynttinen.com/gallery/macos/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：macOS 应用设计图库，适合研究桌面应用界面。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-jasonzhu-ai",
      "name": "JasonZhu.AI",
      "description": "收藏的代码动画、视频与 3D 提示词参考，适合寻找制作思路。",
      "category": "视频与动效",
      "tags": [
        "代码动画",
        "视频",
        "提示词"
      ],
      "url": "https://jasonzhu.ai/en/prompts/claude-opus-5-5",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-jasonzhu-ai/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-jasonzhu-ai/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 0,
      "scope": {
        "status": "无独立组件目录",
        "note": "综合创作提示词案例；本次未提取能独立定位的 UI 组件或界面效果。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "prompt",
            "motion"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://jasonzhu.ai/en/prompts/claude-opus-5-5",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：收藏的代码动画、视频与 3D 提示词参考，适合寻找制作思路。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-lemomo-ai-github-io",
      "name": "Lemo-Opuscar",
      "description": "代码短片风格与制作参考，适合选择视觉风格和动画表达方式。",
      "category": "视频与动效",
      "tags": [
        "代码视频",
        "短片风格"
      ],
      "url": "https://lemomo-ai.github.io/lemo-opuscar/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-lemomo-ai-github-io/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-lemomo-ai-github-io/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 98,
      "scope": {
        "status": "已整理部分目录",
        "note": "已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "motion"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://lemomo-ai.github.io/lemo-opuscar/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：代码短片风格与制作参考，适合选择视觉风格和动画表达方式。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-lersent001-github-io",
      "name": "液态玻璃球编辑器",
      "description": "可调节液态玻璃球的交互演示，适合观察材质、形变和参数变化。",
      "category": "交互动效",
      "tags": [
        "液态玻璃",
        "交互演示",
        "3D"
      ],
      "url": "https://lersent001.github.io/orb/#effect=orb-glass-liquid&style=siri&glass=1&preview=orb&text=Thinking...&speed=0.82&radius=0.72&contourDeform=0&zoom=0.36&warp=3.2&ridgeAmt=0.5&sharp=2.2&bandDensity=2&metalDepth=0.25&metalRoughness=0.22&chromaticShift=0.42&metalScale=0.77&metalStretch=0.23&metalAngle=65&metalOffset=0&metalPhase=0&metalEvolution=1&shade=0.12&exposure=2&sheen=0.28&gloss=0.24&glassOpacity=0.44&shellMidAlpha=0.18&shellEdgeAlpha=0.18&edgeSoftness=0.005&edgeGlow=0&colorA=%23FFD86B&colorB=%2382F4FF&colorC=%23FF7BD5&colorD=%238E6CFF&highlightColor=%23FFFFFF&shellInner=%23FFFFFF&shellMid=%239BF4FF&shellEdge=%23C5A9FF&sheenColor=%23EAF4FF&specColor=%23DCEAFF&canvasColor=%23030409&glowColor=%23956CFF",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-lersent001-github-io/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-lersent001-github-io/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 1,
      "scope": {
        "status": "部分公开目录",
        "note": "仅收录本次公开导航中的明确组件、效果链接或原书签中的单页演示；详情链接未逐项打开。",
        "capturedAt": "2026-10-13"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "unknown"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://lersent001.github.io/orb/#effect=orb-glass-liquid&style=siri&glass=1&preview=orb&text=Thinking...&speed=0.82&radius=0.72&contourDeform=0&zoom=0.36&warp=3.2&ridgeAmt=0.5&sharp=2.2&bandDensity=2&metalDepth=0.25&metalRoughness=0.22&chromaticShift=0.42&metalScale=0.77&metalStretch=0.23&metalAngle=65&metalOffset=0&metalPhase=0&metalEvolution=1&shade=0.12&exposure=2&sheen=0.28&gloss=0.24&glassOpacity=0.44&shellMidAlpha=0.18&shellEdgeAlpha=0.18&edgeSoftness=0.005&edgeGlow=0&colorA=%23FFD86B&colorB=%2382F4FF&colorC=%23FF7BD5&colorD=%238E6CFF&highlightColor=%23FFFFFF&shellInner=%23FFFFFF&shellMid=%239BF4FF&shellEdge=%23C5A9FF&sheenColor=%23EAF4FF&specColor=%23DCEAFF&canvasColor=%23030409&glowColor=%23956CFF",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：可调节液态玻璃球的交互演示，适合观察材质、形变和参数变化。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-onbo-hub-com",
      "name": "Onbo Hub",
      "description": "应用引导与付费页面参考，适合研究新用户流程和订阅入口。",
      "category": "App 界面",
      "tags": [
        "新手引导",
        "付费页面"
      ],
      "url": "https://onbo-hub.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-onbo-hub-com/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-onbo-hub-com/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 70,
      "scope": {
        "status": "已核对公开案例目录",
        "note": "覆盖本次站点地图中对应详情路径；案例性质保持为参考，不推断页面一定具有动效。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "reference",
            "flow"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://onbo-hub.com/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：应用引导与付费页面参考，适合研究新用户流程和订阅入口。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-prompt-motion-com",
      "name": "Prompt Motion",
      "description": "收藏的视频与动画提示词参考，适合寻找动态内容的制作起点。",
      "category": "视频与动效",
      "tags": [
        "视频",
        "动画提示词"
      ],
      "url": "https://prompt-motion.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-prompt-motion-com/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-prompt-motion-com/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 147,
      "scope": {
        "status": "已整理部分目录",
        "note": "已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "prompt",
            "motion"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://prompt-motion.com/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：收藏的视频与动画提示词参考，适合寻找动态内容的制作起点。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-qisimiaoxiang-com-cn",
      "name": "奇思喵想",
      "description": "收藏的中文 UI 设计参考网站，适合寻找界面和视觉灵感。",
      "category": "设计灵感",
      "tags": [
        "中文设计",
        "UI 灵感"
      ],
      "url": "https://www.qisimiaoxiang.com.cn/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-qisimiaoxiang-com-cn/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-qisimiaoxiang-com-cn/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 0,
      "scope": {
        "status": "未取得公开条目",
        "note": "已检查公开页面与发布资源；未取得能确认名称及独立详情地址的组件/效果，保留网站入口。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "reference"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.qisimiaoxiang.com.cn/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：收藏的中文 UI 设计参考网站，适合寻找界面和视觉灵感。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-sceneai-art",
      "name": "SceneAI",
      "description": "网页区块、动态落地页与背景的提示词参考，适合选择页面制作方向。",
      "category": "组件与模板",
      "tags": [
        "页面区块",
        "动态落地页",
        "提示词"
      ],
      "url": "https://sceneai.art/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-sceneai-art/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-sceneai-art/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 144,
      "scope": {
        "status": "已核对公开分栏目清单",
        "note": "合并本次官网首页及模板、3D、渐变、背景等公开分栏目页面里的命名条目与已发布预览；不包含登录后或未发布内容。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "prompt",
            "template"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://sceneai.art/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：网页区块、动态落地页与背景的提示词参考，适合选择页面制作方向。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-styles-refero-design",
      "name": "Refero Styles",
      "description": "网站风格与 DESIGN.md 参考库，适合整理交给 AI 的设计规范。",
      "category": "组件与模板",
      "tags": [
        "网站风格",
        "DESIGN.md"
      ],
      "url": "https://styles.refero.design/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-styles-refero-design/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-styles-refero-design/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 1342,
      "scope": {
        "status": "已核对公开风格详情",
        "note": "公开分页接口拒绝当前请求；改用站点地图的正式详情页读取真实名称和风格描述。只收录成功取得命名数据的条目。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "prompt"
          ],
          "frameworks": [
            "unknown"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://styles.refero.design/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：网站风格与 DESIGN.md 参考库，适合整理交给 AI 的设计规范。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-behance-net",
      "name": "Behance",
      "description": "设计作品集平台，适合浏览完整项目和不同领域的视觉作品。",
      "category": "设计灵感",
      "tags": [
        "作品集",
        "视觉设计"
      ],
      "url": "https://www.behance.net/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-behance-net/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-behance-net/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 0,
      "scope": {
        "status": "访问受限",
        "note": "公开入口请求被拒绝或要求登录，未收录未经确认的条目。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "reference"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.behance.net/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：设计作品集平台，适合浏览完整项目和不同领域的视觉作品。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-dribbble-com",
      "name": "Dribbble",
      "description": "设计作品与界面参考平台，适合寻找风格、排版和视觉方向。",
      "category": "设计灵感",
      "tags": [
        "设计作品",
        "界面参考"
      ],
      "url": "https://dribbble.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-dribbble-com/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-dribbble-com/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 0,
      "scope": {
        "status": "访问受限",
        "note": "公开入口请求被拒绝或要求登录，未收录未经确认的条目。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "reference"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://dribbble.com/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：设计作品与界面参考平台，适合寻找风格、排版和视觉方向。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-godly-design",
      "name": "Godly",
      "description": "网页、标志和应用图标等设计参考，适合寻找整体视觉方向。",
      "category": "设计灵感",
      "tags": [
        "网页灵感",
        "品牌视觉"
      ],
      "url": "https://godly.design/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-godly-design/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-godly-design/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 44,
      "scope": {
        "status": "已核对公开案例目录",
        "note": "覆盖本次站点地图中对应详情路径；案例性质保持为参考，不推断页面一定具有动效。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "reference"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://godly.design/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：网页、标志和应用图标等设计参考，适合寻找整体视觉方向。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-recent-design",
      "name": "Recent",
      "description": "设计灵感目录，适合浏览不同网站与视觉作品。",
      "category": "设计灵感",
      "tags": [
        "设计灵感",
        "视觉参考"
      ],
      "url": "https://recent.design/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-recent-design/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-recent-design/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 200,
      "scope": {
        "status": "已补充公开条目",
        "note": "补充本次公开页面中的可定位条目；尚未验证全站全量覆盖。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "reference"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://recent.design/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：设计灵感目录，适合浏览不同网站与视觉作品。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-awwwards-com",
      "name": "Awwwards",
      "description": "网站设计评选与案例平台，适合研究完整网页的布局和视觉表现。",
      "category": "网页布局",
      "tags": [
        "网站案例",
        "网页设计"
      ],
      "url": "https://www.awwwards.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-awwwards-com/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-awwwards-com/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 12,
      "scope": {
        "status": "已补充公开条目",
        "note": "补充本次公开页面中的可定位条目；尚未验证全站全量覆盖。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "reference"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.awwwards.com/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：网站设计评选与案例平台，适合研究完整网页的布局和视觉表现。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-component-gallery",
      "name": "The Component Gallery",
      "description": "按组件名称比较不同设计系统，适合查找常用界面元素的参考。",
      "category": "UI 组件库",
      "tags": [
        "组件目录",
        "设计系统"
      ],
      "url": "https://component.gallery/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-component-gallery/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-component-gallery/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 60,
      "scope": {
        "status": "已核对公开文档目录",
        "note": "覆盖本次官方站点地图中可独立选择的组件文档，不计安装、教程、类目或更新日志。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "reference"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://component.gallery/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：按组件名称比较不同设计系统，适合查找常用界面元素的参考。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-land-book-com",
      "name": "Landbook",
      "description": "网站设计图库，适合寻找落地页布局与整体风格。",
      "category": "网页布局",
      "tags": [
        "网页图库",
        "落地页"
      ],
      "url": "https://land-book.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-land-book-com/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-land-book-com/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 0,
      "scope": {
        "status": "访问受限",
        "note": "公开入口请求被拒绝或要求登录，未收录未经确认的条目。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "reference"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://land-book.com/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：网站设计图库，适合寻找落地页布局与整体风格。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-landing-love",
      "name": "Landing Love",
      "description": "收藏的具体网页设计案例，适合观察网站布局与页面细节。",
      "category": "网页布局",
      "tags": [
        "网站案例",
        "网页布局"
      ],
      "url": "https://www.landing.love/sites/felixrieseberg/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-landing-love/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-landing-love/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 2163,
      "scope": {
        "status": "已核对公开视频目录",
        "note": "覆盖本次公开视频站点地图里的命名案例；详情权限与原站一致，不代表取得源码或完整视频下载权限。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "reference"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.landing.love/sites/felixrieseberg/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：收藏的具体网页设计案例，适合观察网站布局与页面细节。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-namethatui-com",
      "name": "NameThatUI",
      "description": "界面组件与模式的名称参考，适合确认元素名称并继续寻找实例。",
      "category": "UI 组件库",
      "tags": [
        "组件名称",
        "界面模式"
      ],
      "url": "https://namethatui.com/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-namethatui-com/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-namethatui-com/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 86,
      "scope": {
        "status": "已核对公开详情目录",
        "note": "根据本次官网站点地图核对命名详情，排除站点导航、安装说明与类目；具体示例、文档与参考分别标识。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "reference"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://namethatui.com/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：界面组件与模式的名称参考，适合确认元素名称并继续寻找实例。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-navbar-gallery",
      "name": "Navbar Gallery",
      "description": "导航栏设计图库，适合比较网页导航结构和菜单形式。",
      "category": "网页布局",
      "tags": [
        "导航栏",
        "菜单设计"
      ],
      "url": "https://www.navbar.gallery/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-navbar-gallery/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-navbar-gallery/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 496,
      "scope": {
        "status": "已核对公开案例目录",
        "note": "覆盖本次站点地图中对应详情路径；案例性质保持为参考，不推断页面一定具有动效。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "reference"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.navbar.gallery/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：导航栏设计图库，适合比较网页导航结构和菜单形式。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-seesaw-website",
      "name": "SEESAW",
      "description": "网页设计灵感网站，适合寻找页面视觉、留白与布局参考。",
      "category": "网页布局",
      "tags": [
        "网页灵感",
        "视觉风格"
      ],
      "url": "https://www.seesaw.website/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-seesaw-website/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-seesaw-website/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 873,
      "scope": {
        "status": "已核对公开案例目录",
        "note": "覆盖本次站点地图中对应详情路径；案例性质保持为参考，不推断页面一定具有动效。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "reference"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://www.seesaw.website/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：网页设计灵感网站，适合寻找页面视觉、留白与布局参考。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-supahero-io",
      "name": "Supahero",
      "description": "网页首屏模块参考，适合比较标题、主视觉与行动入口的组织。",
      "category": "网页布局",
      "tags": [
        "首屏",
        "Hero"
      ],
      "url": "https://supahero.io/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-supahero-io/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-supahero-io/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 573,
      "scope": {
        "status": "已整理部分目录",
        "note": "已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "reference"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://supahero.io/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：网页首屏模块参考，适合比较标题、主视觉与行动入口的组织。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-vibrant-design",
      "name": "Vibrant Design",
      "description": "网页设计参考目录，适合寻找整体页面风格与布局。",
      "category": "网页布局",
      "tags": [
        "网页设计",
        "布局参考"
      ],
      "url": "https://vibrant.design/",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-vibrant-design/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-vibrant-design/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 243,
      "scope": {
        "status": "已补充公开条目",
        "note": "补充本次公开页面中的可定位条目；尚未验证全站全量覆盖。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "web"
          ],
          "resources": [
            "reference"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://vibrant.design/",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：网页设计参考目录，适合寻找整体页面风格与布局。"
            }
          ]
        }
      ],
      "featuredSamples": []
    },
    {
      "id": "bookmark-colorion-co",
      "name": "Colorion",
      "description": "配色方案参考，适合选择界面和品牌的颜色组合。",
      "category": "配色",
      "tags": [
        "配色方案",
        "颜色参考"
      ],
      "url": "https://colorion.co/?ref=csscursors.colorion.co",
      "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-colorion-co/index.html",
      "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-colorion-co/index.json",
      "code": false,
      "prompt": false,
      "entryCount": 0,
      "scope": {
        "status": "访问受限",
        "note": "公开入口请求被拒绝或要求登录，未收录未经确认的条目。",
        "capturedAt": "2026-10-14"
      },
      "offers": [
        {
          "id": "catalog",
          "label": "已收录的参考资源",
          "platforms": [
            "unknown"
          ],
          "resources": [
            "palette"
          ],
          "frameworks": [
            "na"
          ],
          "pricing": [
            "unknown"
          ],
          "evidence": [
            {
              "kind": "saved",
              "url": "https://colorion.co/?ref=csscursors.colorion.co",
              "date": "2026-10-13",
              "note": "已收录的官网用途说明与标签：配色方案参考，适合选择界面和品牌的颜色组合。"
            }
          ]
        }
      ],
      "featuredSamples": []
    }
  ]
}