{
  "schemaVersion": 1,
  "updatedAt": "2026-10-21",
  "source": {
    "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": 342,
    "scope": {
      "status": "已补充公开案例与类型",
      "note": "已补充可公开读取的具体案例与分类；原站登录、订阅和复制条件单独保留。",
      "capturedAt": "2026-10-21"
    },
    "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": [],
    "discovery": {
      "id": "bookmark-bencho-dev",
      "checkedAt": "2026-10-20",
      "reviewStatus": "verified",
      "materials": [
        "motion",
        "components"
      ],
      "scenes": [
        "navigation",
        "cards",
        "carousel",
        "feedback",
        "onboarding"
      ],
      "platforms": [],
      "frameworks": [],
      "outputs": [
        "reference"
      ],
      "summary": "公开交互动效精选列表，可直接读取每项名称、作者和外部原作链接。",
      "routes": [
        {
          "kind": "html",
          "url": "https://bencho.dev/finds",
          "verified": true,
          "anonymous": true,
          "free": true,
          "purpose": "GET HTML 枚举精选条目的标题、作者及原始 href。",
          "notes": "列表项链接经常指向外部社交平台；本次只验证本站目录，不保证外部平台匿名可访问。",
          "scopes": [
            {
              "materials": [
                "motion",
                "components"
              ],
              "scenes": [
                "navigation",
                "cards",
                "carousel",
                "feedback",
                "onboarding"
              ],
              "platforms": [],
              "frameworks": [],
              "outputs": [
                "reference"
              ]
            }
          ]
        }
      ],
      "access": {
        "anonymousScope": "公开的交互名称、作者与来源链接；仅供参考。",
        "loginRequiredFor": [],
        "paidAreas": [],
        "limitations": [
          "某个原作链接本次打开失败，不能保证所有外部媒体可匿名播放。",
          "不提供对应实现源码；不能从展示界面推定框架或平台。"
        ]
      },
      "evidence": [
        {
          "url": "https://bencho.dev/finds",
          "title": "Finds — UI Interaction & Animation Inspiration · Bencho",
          "observation": "匿名 HTML 提供大量逐项链接，包含 Pill navigation、Flag carousel、Progress button、Onboarding stack 等，作者一并可读。"
        }
      ],
      "notes": "仅记录公开文字、目录和来源链接；未下载或保存图片，未安装工具、登录账号或调用付费服务。",
      "name": "Bencho Finds",
      "url": "https://bencho.dev/finds",
      "category": "交互动效",
      "eligible": true
    }
  },
  "pagination": {
    "page": 2,
    "pageSize": 80,
    "totalEntries": 342,
    "totalPages": 5,
    "offset": 80,
    "previous": "index.json",
    "next": "page-3.json"
  },
  "entries": [
    {
      "id": "28b56a3be4ca1005",
      "title": "Liquid storage",
      "url": "https://bencho.dev/finds/alimdesigner_-liquid-storage",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/alimdesigner_-liquid-storage",
        "date": "2026-10-21"
      }
    },
    {
      "id": "03549891209effe2",
      "title": "Stagger menu",
      "url": "https://bencho.dev/finds/nitishkmrk-stagger-menu",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "导航与菜单"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/nitishkmrk-stagger-menu",
        "date": "2026-10-21"
      }
    },
    {
      "id": "532f039e99e78ab9",
      "title": "Standing calendar",
      "url": "https://bencho.dev/finds/MarceloDesignX-standing-calendar",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "日期与时间"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/MarceloDesignX-standing-calendar",
        "date": "2026-10-21"
      }
    },
    {
      "id": "1c79d0996d6e9cdb",
      "title": "Agent cards",
      "url": "https://bencho.dev/finds/indurajaditya-agentic-things",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "卡片",
        "AI 与聊天"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/indurajaditya-agentic-things",
        "date": "2026-10-21"
      }
    },
    {
      "id": "a10d8db0ee697d91",
      "title": "Name card",
      "url": "https://bencho.dev/finds/abtste11a-name-card",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/abtste11a-name-card",
        "date": "2026-10-21"
      }
    },
    {
      "id": "2f0dbce72ae62f0f",
      "title": "Paper page",
      "url": "https://bencho.dev/finds/jamesvclements-paper-page",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/jamesvclements-paper-page",
        "date": "2026-10-21"
      }
    },
    {
      "id": "d028dc014572d1fc",
      "title": "Credit top-up",
      "url": "https://bencho.dev/finds/m_strba-credit-top-up",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/m_strba-credit-top-up",
        "date": "2026-10-21"
      }
    },
    {
      "id": "07272fdc695249f6",
      "title": "Quick menu",
      "url": "https://bencho.dev/finds/nitishkmrk-quick-menu",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "导航与菜单"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/nitishkmrk-quick-menu",
        "date": "2026-10-21"
      }
    },
    {
      "id": "2ed2137bed8ad92f",
      "title": "Halogen timer",
      "url": "https://bencho.dev/finds/sashabirukoff-halogen-timer",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "日期与时间"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/sashabirukoff-halogen-timer",
        "date": "2026-10-21"
      }
    },
    {
      "id": "b2dd18d2efc0c6d4",
      "title": "Voice dictation",
      "url": "https://bencho.dev/finds/pitus_-voice-dictation",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/pitus_-voice-dictation",
        "date": "2026-10-21"
      }
    },
    {
      "id": "3ec2ac2e2ce4b0fe",
      "title": "Flag carousel",
      "url": "https://bencho.dev/finds/60fpsdesign-flag-carousel",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "轮播与跑马灯"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/60fpsdesign-flag-carousel",
        "date": "2026-10-21"
      }
    },
    {
      "id": "d2f598bce092e0ba",
      "title": "Progress button",
      "url": "https://bencho.dev/finds/aviralj02-progress-button",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "按钮",
        "提示与状态"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/aviralj02-progress-button",
        "date": "2026-10-21"
      }
    },
    {
      "id": "a5ce20f0bbcd4a3f",
      "title": "Pill navigation",
      "url": "https://bencho.dev/finds/noman_huge-pill-nav",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "导航与菜单"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/noman_huge-pill-nav",
        "date": "2026-10-21"
      }
    },
    {
      "id": "0f0d430cc296e955",
      "title": "Context window",
      "url": "https://bencho.dev/finds/flohoeller-context-window",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/flohoeller-context-window",
        "date": "2026-10-21"
      }
    },
    {
      "id": "a94be34e43325ec9",
      "title": "Budget slider",
      "url": "https://bencho.dev/finds/khaliddevlog-panelui",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "选择器与开关"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/khaliddevlog-panelui",
        "date": "2026-10-21"
      }
    },
    {
      "id": "7c09de7b4fcc478f",
      "title": "Country wheel",
      "url": "https://bencho.dev/finds/omer_assa-flag-wheel",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/omer_assa-flag-wheel",
        "date": "2026-10-21"
      }
    },
    {
      "id": "97114da130c63a10",
      "title": "Project card",
      "url": "https://bencho.dev/finds/flohoeller-project-card",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/flohoeller-project-card",
        "date": "2026-10-21"
      }
    },
    {
      "id": "71ae3de9ee70a223",
      "title": "Spec inspector",
      "url": "https://bencho.dev/finds/svenma3-spec-inspector",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/svenma3-spec-inspector",
        "date": "2026-10-21"
      }
    },
    {
      "id": "e3f43c61e90fb866",
      "title": "Files peeking out",
      "url": "https://bencho.dev/finds/uiux-hamad-folder-files",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "上传与文件"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/uiux-hamad-folder-files",
        "date": "2026-10-21"
      }
    },
    {
      "id": "bbf4aeb47ed220ab",
      "title": "Exploded device",
      "url": "https://bencho.dev/finds/srushtiddesign-exploded-device",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/srushtiddesign-exploded-device",
        "date": "2026-10-21"
      }
    },
    {
      "id": "af920cd1e912851d",
      "title": "Expanding nav",
      "url": "https://bencho.dev/finds/matthias-oel-expanding-nav",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "导航与菜单"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/matthias-oel-expanding-nav",
        "date": "2026-10-21"
      }
    },
    {
      "id": "398c6d495a71fa52",
      "title": "Moodboard folder",
      "url": "https://bencho.dev/finds/eliakuratli-moodboard-folder",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "上传与文件"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/eliakuratli-moodboard-folder",
        "date": "2026-10-21"
      }
    },
    {
      "id": "dce0cc4c0ae75f5b",
      "title": "Paragraph reveal",
      "url": "https://bencho.dev/finds/sopocodes-text-reveal",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/sopocodes-text-reveal",
        "date": "2026-10-21"
      }
    },
    {
      "id": "29ba85c6bbd90e0f",
      "title": "Model picker wheel",
      "url": "https://bencho.dev/finds/flohoeller-model-wheel",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/flohoeller-model-wheel",
        "date": "2026-10-21"
      }
    },
    {
      "id": "6a637b8460dd9e47",
      "title": "Code that verifies",
      "url": "https://bencho.dev/finds/sucodeee-code-verify",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/sucodeee-code-verify",
        "date": "2026-10-21"
      }
    },
    {
      "id": "52ecf9dcfa40c79c",
      "title": "Bending reel",
      "url": "https://bencho.dev/finds/marcelodesignx-bending-reel",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/marcelodesignx-bending-reel",
        "date": "2026-10-21"
      }
    },
    {
      "id": "a62fa2d0b7ddd102",
      "title": "Theme playground",
      "url": "https://bencho.dev/finds/joshpuckett-graphical-theme",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/joshpuckett-graphical-theme",
        "date": "2026-10-21"
      }
    },
    {
      "id": "49408d9a75983bc3",
      "title": "Team in silhouette",
      "url": "https://bencho.dev/finds/lauracsc-team-silhouettes",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/lauracsc-team-silhouettes",
        "date": "2026-10-21"
      }
    },
    {
      "id": "af932a524c65001c",
      "title": "Ranges that reorder",
      "url": "https://bencho.dev/finds/davidtheophine-ranges-reorder",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/davidtheophine-ranges-reorder",
        "date": "2026-10-21"
      }
    },
    {
      "id": "8dba3f448ac14bcf",
      "title": "Pixel-burst select",
      "url": "https://bencho.dev/finds/vanjek-pixel-select",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "选择器与开关"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/vanjek-pixel-select",
        "date": "2026-10-21"
      }
    },
    {
      "id": "8c17830ed1b2802b",
      "title": "Keys that light up",
      "url": "https://bencho.dev/finds/vansh1029-lit-keyboard",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/vansh1029-lit-keyboard",
        "date": "2026-10-21"
      }
    },
    {
      "id": "75e64460c2ea5df7",
      "title": "Toolbar views",
      "url": "https://bencho.dev/finds/kylethacker-view-picker",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "导航与菜单"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/kylethacker-view-picker",
        "date": "2026-10-21"
      }
    },
    {
      "id": "8d7118763d2d7f7c",
      "title": "Sizing a frame",
      "url": "https://bencho.dev/finds/azlenelza-resize-frame",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/azlenelza-resize-frame",
        "date": "2026-10-21"
      }
    },
    {
      "id": "f76b11ffe03784e8",
      "title": "Self-filling cards",
      "url": "https://bencho.dev/finds/adriankuleszo-dashboard-cards",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "卡片",
        "布局与页面区块"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/adriankuleszo-dashboard-cards",
        "date": "2026-10-21"
      }
    },
    {
      "id": "a8d886218eae46dd",
      "title": "Isometric wireframes you can work",
      "url": "https://bencho.dev/finds/wheresryan22-isometric-wireframes",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/wheresryan22-isometric-wireframes",
        "date": "2026-10-21"
      }
    },
    {
      "id": "6934edf437a4b2bf",
      "title": "Model router",
      "url": "https://bencho.dev/finds/disarto_max-model-router",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/disarto_max-model-router",
        "date": "2026-10-21"
      }
    },
    {
      "id": "559fc841e0771c8f",
      "title": "Todos that tick themselves away",
      "url": "https://bencho.dev/finds/peterdev934-todo-motion",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/peterdev934-todo-motion",
        "date": "2026-10-21"
      }
    },
    {
      "id": "da225dd604ee53c2",
      "title": "The chevron that got away",
      "url": "https://bencho.dev/finds/ggsimm-broken-select",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "选择器与开关"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/ggsimm-broken-select",
        "date": "2026-10-21"
      }
    },
    {
      "id": "693551adb4df89c5",
      "title": "Betting on the chart",
      "url": "https://bencho.dev/finds/rndr-realm-chart-wager",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "图表与数据"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/rndr-realm-chart-wager",
        "date": "2026-10-21"
      }
    },
    {
      "id": "cc45848c92cec1f7",
      "title": "Tearing open a box",
      "url": "https://bencho.dev/finds/yashachaarya-cardboard-tear",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/yashachaarya-cardboard-tear",
        "date": "2026-10-21"
      }
    },
    {
      "id": "8f2c558c4d0d4e7e",
      "title": "Placing the light",
      "url": "https://bencho.dev/finds/alx-mindset-light-editor",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "输入框与搜索"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/alx-mindset-light-editor",
        "date": "2026-10-21"
      }
    },
    {
      "id": "de5378d3ce58bdb8",
      "title": "Squeezing progress",
      "url": "https://bencho.dev/finds/kippe-progress-squeeze",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "提示与状态"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/kippe-progress-squeeze",
        "date": "2026-10-21"
      }
    },
    {
      "id": "cbfff6fdd9e7c469",
      "title": "Bubble assistants",
      "url": "https://bencho.dev/finds/tantan-bubble-assistants",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/tantan-bubble-assistants",
        "date": "2026-10-21"
      }
    },
    {
      "id": "8759ef87cc3cb632",
      "title": "Badge on a lanyard",
      "url": "https://bencho.dev/finds/samfcheng-lanyard-badge",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "提示与状态"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/samfcheng-lanyard-badge",
        "date": "2026-10-21"
      }
    },
    {
      "id": "8d24b9269cf25e4f",
      "title": "Dots that dress up",
      "url": "https://bencho.dev/finds/victornunez-dots",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/victornunez-dots",
        "date": "2026-10-21"
      }
    },
    {
      "id": "c46edbedef00b669",
      "title": "Reasoning slider",
      "url": "https://bencho.dev/finds/kazarov-reasoning-slider",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "选择器与开关",
        "AI 与聊天"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/kazarov-reasoning-slider",
        "date": "2026-10-21"
      }
    },
    {
      "id": "472c24ef4fad888c",
      "title": "Invite tickets",
      "url": "https://bencho.dev/finds/wabi-invite-tickets",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/wabi-invite-tickets",
        "date": "2026-10-21"
      }
    },
    {
      "id": "36ee5c8c7e742949",
      "title": "Circle of faces",
      "url": "https://bencho.dev/finds/jerry-avatar-circle",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "图片与媒体"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/jerry-avatar-circle",
        "date": "2026-10-21"
      }
    },
    {
      "id": "209c7e201d60fd34",
      "title": "Traversing cat-space",
      "url": "https://bencho.dev/finds/azlen-cat-space",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/azlen-cat-space",
        "date": "2026-10-21"
      }
    },
    {
      "id": "1f10540d94ba2fad",
      "title": "Aspect ratios you can see",
      "url": "https://bencho.dev/finds/isaiah-aspect-picker",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/isaiah-aspect-picker",
        "date": "2026-10-21"
      }
    },
    {
      "id": "682472b14300176f",
      "title": "Welcome to",
      "url": "https://bencho.dev/finds/bespalov-refero-pro",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/bespalov-refero-pro",
        "date": "2026-10-21"
      }
    },
    {
      "id": "c2eeada0490c0f65",
      "title": "Button with a spinning glyph",
      "url": "https://bencho.dev/finds/heyzsolt-spin-button",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/heyzsolt-spin-button",
        "date": "2026-10-21"
      }
    },
    {
      "id": "6c146d65c5936afa",
      "title": "Island that splits",
      "url": "https://bencho.dev/finds/murat-island-wos",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/murat-island-wos",
        "date": "2026-10-21"
      }
    },
    {
      "id": "00ee1155b3e60334",
      "title": "Mood wheel",
      "url": "https://bencho.dev/finds/dossi-mood-wheel",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/dossi-mood-wheel",
        "date": "2026-10-21"
      }
    },
    {
      "id": "b18722b25622b059",
      "title": "Framed layout",
      "url": "https://bencho.dev/finds/angelo-framed-layout",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "布局与页面区块"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/angelo-framed-layout",
        "date": "2026-10-21"
      }
    },
    {
      "id": "2d26ad532fdba910",
      "title": "Access requests",
      "url": "https://bencho.dev/finds/adi-access-request",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/adi-access-request",
        "date": "2026-10-21"
      }
    },
    {
      "id": "34914a0f49f07f6a",
      "title": "Agent state orb",
      "url": "https://bencho.dev/finds/hsn-agent-orb",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "AI 与聊天"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/hsn-agent-orb",
        "date": "2026-10-21"
      }
    },
    {
      "id": "a92536ee68beda1a",
      "title": "Confetti ring",
      "url": "https://bencho.dev/finds/okazz-p5-ring",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/okazz-p5-ring",
        "date": "2026-10-21"
      }
    },
    {
      "id": "72a64188084bf7db",
      "title": "Swap that assembles",
      "url": "https://bencho.dev/finds/oguz-swap-assets",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/oguz-swap-assets",
        "date": "2026-10-21"
      }
    },
    {
      "id": "337ccc51ab518c8c",
      "title": "Dot loaders",
      "url": "https://bencho.dev/finds/cursor-dot-loaders",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "提示与状态"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/cursor-dot-loaders",
        "date": "2026-10-21"
      }
    },
    {
      "id": "febde210190e6cb0",
      "title": "Picking a tape",
      "url": "https://bencho.dev/finds/louis-tape-rack",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/louis-tape-rack",
        "date": "2026-10-21"
      }
    },
    {
      "id": "e0a36c516c8cfdf9",
      "title": "Folders of tools",
      "url": "https://bencho.dev/finds/raul-tool-folders",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/raul-tool-folders",
        "date": "2026-10-21"
      }
    },
    {
      "id": "80ca546a57bb8be6",
      "title": "Horse in the island",
      "url": "https://bencho.dev/finds/kris-island-agent",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "AI 与聊天"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/kris-island-agent",
        "date": "2026-10-21"
      }
    },
    {
      "id": "e9654b71968bb09b",
      "title": "Music video widget",
      "url": "https://bencho.dev/finds/adi-music-widget",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "图片与媒体"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/adi-music-widget",
        "date": "2026-10-21"
      }
    },
    {
      "id": "8477b24b37ada1a2",
      "title": "Crumpled poster",
      "url": "https://bencho.dev/finds/raul_dronca-crumpled-poster",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/raul_dronca-crumpled-poster",
        "date": "2026-10-21"
      }
    },
    {
      "id": "f24df0bad263cd7f",
      "title": "Dragging money to a friend",
      "url": "https://bencho.dev/finds/martin-money-pull",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/martin-money-pull",
        "date": "2026-10-21"
      }
    },
    {
      "id": "2524d57a5edea843",
      "title": "A sheet rises over the list",
      "url": "https://bencho.dev/finds/jaimin-message-sheet",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "弹窗与抽屉",
        "表格与列表"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/jaimin-message-sheet",
        "date": "2026-10-21"
      }
    },
    {
      "id": "1c52d95f3b697608",
      "title": "Reasoning effort slider",
      "url": "https://bencho.dev/finds/kevin-effort-slider",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "选择器与开关",
        "AI 与聊天"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/kevin-effort-slider",
        "date": "2026-10-21"
      }
    },
    {
      "id": "ecdf36c1128a2f59",
      "title": "A tray slides out from behind",
      "url": "https://bencho.dev/finds/flo-chat-tray",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "AI 与聊天"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/flo-chat-tray",
        "date": "2026-10-21"
      }
    },
    {
      "id": "588bf57b5f014d24",
      "title": "A reel of small spinners",
      "url": "https://bencho.dev/finds/paul-spinner-reel",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "提示与状态"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/paul-spinner-reel",
        "date": "2026-10-21"
      }
    },
    {
      "id": "17aee566714bc4c9",
      "title": "The stack rolls a screen flat",
      "url": "https://bencho.dev/finds/oguz-work-stack",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/oguz-work-stack",
        "date": "2026-10-21"
      }
    },
    {
      "id": "1670100a1a097830",
      "title": "Move to trash, literally",
      "url": "https://bencho.dev/finds/beyza-trash-literal",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/beyza-trash-literal",
        "date": "2026-10-21"
      }
    },
    {
      "id": "d473ad9a0baaaed0",
      "title": "Drag the weather over the mountain",
      "url": "https://bencho.dev/finds/luc-sky-pad",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/luc-sky-pad",
        "date": "2026-10-21"
      }
    },
    {
      "id": "a24237fbc985c4e1",
      "title": "The cards lean into the throw",
      "url": "https://bencho.dev/finds/rooh-wheel-carousel",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "卡片",
        "轮播与跑马灯"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/rooh-wheel-carousel",
        "date": "2026-10-21"
      }
    },
    {
      "id": "41a6dec86c86d6d4",
      "title": "The amount becomes the receipt",
      "url": "https://bencho.dev/finds/alok-sent-card",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/alok-sent-card",
        "date": "2026-10-21"
      }
    },
    {
      "id": "401c9e3e2f169a09",
      "title": "The case opens up",
      "url": "https://bencho.dev/finds/marshall-case-portal",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/marshall-case-portal",
        "date": "2026-10-21"
      }
    },
    {
      "id": "926b551574e6b887",
      "title": "The number runs under your finger",
      "url": "https://bencho.dev/finds/davidhaz-radius-scrub",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/davidhaz-radius-scrub",
        "date": "2026-10-21"
      }
    },
    {
      "id": "6ba0949cb12f0f0e",
      "title": "The page screws itself up",
      "url": "https://bencho.dev/finds/davidhaz-paper-crumple",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/davidhaz-paper-crumple",
        "date": "2026-10-21"
      }
    },
    {
      "id": "8d2d0dd7d186145a",
      "title": "The face pulls back",
      "url": "https://bencho.dev/finds/studiyo-welcome-orb",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/studiyo-welcome-orb",
        "date": "2026-10-21"
      }
    },
    {
      "id": "675d8e58a79b37d5",
      "title": "Light on a hanging cloth",
      "url": "https://bencho.dev/finds/amir-cloth-shader",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/amir-cloth-shader",
        "date": "2026-10-21"
      }
    }
  ]
}