{
  "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": 3,
    "pageSize": 80,
    "totalEntries": 342,
    "totalPages": 5,
    "offset": 160,
    "previous": "page-2.json",
    "next": "page-4.json"
  },
  "entries": [
    {
      "id": "2c7e71e629871c3b",
      "title": "The receipt unfolds",
      "url": "https://bencho.dev/finds/movin-invoice-unfold",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/movin-invoice-unfold",
        "date": "2026-10-21"
      }
    },
    {
      "id": "8369224c4fbe8337",
      "title": "The slider is the colour",
      "url": "https://bencho.dev/finds/fabian-warmth-slider",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "选择器与开关"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/fabian-warmth-slider",
        "date": "2026-10-21"
      }
    },
    {
      "id": "79b3aeaf5b21216d",
      "title": "It builds while you wait",
      "url": "https://bencho.dev/finds/adi-brick-stack",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/adi-brick-stack",
        "date": "2026-10-21"
      }
    },
    {
      "id": "304dfcf270b46753",
      "title": "A row drops out",
      "url": "https://bencho.dev/finds/shlok-drop-row",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/shlok-drop-row",
        "date": "2026-10-21"
      }
    },
    {
      "id": "6b25f25b0e11f962",
      "title": "Cards that invert",
      "url": "https://bencho.dev/finds/zsolt-invert-cards",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/zsolt-invert-cards",
        "date": "2026-10-21"
      }
    },
    {
      "id": "d54af37d728b8099",
      "title": "The stub tears off",
      "url": "https://bencho.dev/finds/davidhaz-tear-stub",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/davidhaz-tear-stub",
        "date": "2026-10-21"
      }
    },
    {
      "id": "aaa6db012124cc7a",
      "title": "Done sinks away",
      "url": "https://bencho.dev/finds/swami-done-sinks",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/swami-done-sinks",
        "date": "2026-10-21"
      }
    },
    {
      "id": "dbb708674526fc98",
      "title": "Borders that hide",
      "url": "https://bencho.dev/finds/jamie-row-borders",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/jamie-row-borders",
        "date": "2026-10-21"
      }
    },
    {
      "id": "6107d126f4db79e2",
      "title": "Liquid task pill",
      "url": "https://bencho.dev/finds/bryce-agent-blob",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "AI 与聊天"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/bryce-agent-blob",
        "date": "2026-10-21"
      }
    },
    {
      "id": "480473b7b7e8b7fb",
      "title": "Send, and it folds",
      "url": "https://bencho.dev/finds/cornelius-drop-it",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/cornelius-drop-it",
        "date": "2026-10-21"
      }
    },
    {
      "id": "32e90debb4532891",
      "title": "Agent in a widget",
      "url": "https://bencho.dev/finds/ab-agent-widget",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "AI 与聊天"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/ab-agent-widget",
        "date": "2026-10-21"
      }
    },
    {
      "id": "45f03fdf43547284",
      "title": "A coat that turns",
      "url": "https://bencho.dev/finds/oguz-turning-coat",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/oguz-turning-coat",
        "date": "2026-10-21"
      }
    },
    {
      "id": "e4548211c5e87942",
      "title": "Ask the FAQ",
      "url": "https://bencho.dev/finds/gustavo-infinite-faq",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "折叠面板"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/gustavo-infinite-faq",
        "date": "2026-10-21"
      }
    },
    {
      "id": "18b0958198fee387",
      "title": "A stub that swings",
      "url": "https://bencho.dev/finds/daryl-swinging-stub",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/daryl-swinging-stub",
        "date": "2026-10-21"
      }
    },
    {
      "id": "559d93f5dc5d09d1",
      "title": "A bar that listens",
      "url": "https://bencho.dev/finds/grokbot-voice-bar",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/grokbot-voice-bar",
        "date": "2026-10-21"
      }
    },
    {
      "id": "3b499ed774e84ae9",
      "title": "Urgent jumps ahead",
      "url": "https://bencho.dev/finds/jeet-preempt-queue",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/jeet-preempt-queue",
        "date": "2026-10-21"
      }
    },
    {
      "id": "ee15a412697e5d59",
      "title": "Pill into a card",
      "url": "https://bencho.dev/finds/shohan-aivo-heart",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/shohan-aivo-heart",
        "date": "2026-10-21"
      }
    },
    {
      "id": "4a75d1e173231607",
      "title": "Stepper that gives",
      "url": "https://bencho.dev/finds/vishal-elastic-stepper",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "提示与状态"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/vishal-elastic-stepper",
        "date": "2026-10-21"
      }
    },
    {
      "id": "f851cde0fc8dfe05",
      "title": "Dots become a mark",
      "url": "https://bencho.dev/finds/petar-menu-mark",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "导航与菜单"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/petar-menu-mark",
        "date": "2026-10-21"
      }
    },
    {
      "id": "e4bf27ab5a3ac022",
      "title": "Pills into cards",
      "url": "https://bencho.dev/finds/cz-pill-cards",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/cz-pill-cards",
        "date": "2026-10-21"
      }
    },
    {
      "id": "0852ae2ef70e4cf8",
      "title": "Rail flyout",
      "url": "https://bencho.dev/finds/jamie-rail-flyout",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/jamie-rail-flyout",
        "date": "2026-10-21"
      }
    },
    {
      "id": "d709155e08d02289",
      "title": "Capsule toggle",
      "url": "https://bencho.dev/finds/adi-capsule-toggle",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "选择器与开关"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/adi-capsule-toggle",
        "date": "2026-10-21"
      }
    },
    {
      "id": "fc180bc49ab29c54",
      "title": "Events fan out",
      "url": "https://bencho.dev/finds/sam-event-fan",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/sam-event-fan",
        "date": "2026-10-21"
      }
    },
    {
      "id": "6b47b11b2a4767e2",
      "title": "Tools fill a grid",
      "url": "https://bencho.dev/finds/adi-tool-grid",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "布局与页面区块"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/adi-tool-grid",
        "date": "2026-10-21"
      }
    },
    {
      "id": "f271d6a0d94de6fd",
      "title": "Glass over paint",
      "url": "https://bencho.dev/finds/moiz-glass-paint",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/moiz-glass-paint",
        "date": "2026-10-21"
      }
    },
    {
      "id": "3b950474de44e4d3",
      "title": "Uploads that fill",
      "url": "https://bencho.dev/finds/zafar-upload-chips",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "上传与文件"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/zafar-upload-chips",
        "date": "2026-10-21"
      }
    },
    {
      "id": "601eee4d71349073",
      "title": "Photos that travel",
      "url": "https://bencho.dev/finds/armond-photo-swap",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/armond-photo-swap",
        "date": "2026-10-21"
      }
    },
    {
      "id": "6991cc9df83bbaa6",
      "title": "Metal that pools",
      "url": "https://bencho.dev/finds/minsang-metal-orbs",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/minsang-metal-orbs",
        "date": "2026-10-21"
      }
    },
    {
      "id": "b78c6b461590ed54",
      "title": "A like that never repeats",
      "url": "https://bencho.dev/finds/charles-heart-burst",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/charles-heart-burst",
        "date": "2026-10-21"
      }
    },
    {
      "id": "5eb5cd4170a71abe",
      "title": "A dock that unfolds",
      "url": "https://bencho.dev/finds/danny-dock-menu",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "导航与菜单"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/danny-dock-menu",
        "date": "2026-10-21"
      }
    },
    {
      "id": "770e7e7bfe66a7cd",
      "title": "A field that sags",
      "url": "https://bencho.dev/finds/hakim-sagging-field",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/hakim-sagging-field",
        "date": "2026-10-21"
      }
    },
    {
      "id": "13a6ed13cddca7d4",
      "title": "Dismissible toasts",
      "url": "https://bencho.dev/finds/moiz-dismiss-toasts",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/moiz-dismiss-toasts",
        "date": "2026-10-21"
      }
    },
    {
      "id": "383c5b38fa61e4ab",
      "title": "A cloud that tints",
      "url": "https://bencho.dev/finds/apple-icloud-tint",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/apple-icloud-tint",
        "date": "2026-10-21"
      }
    },
    {
      "id": "87758a8c24b4c264",
      "title": "Reordering pins",
      "url": "https://bencho.dev/finds/jamie-pin-reorder",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/jamie-pin-reorder",
        "date": "2026-10-21"
      }
    },
    {
      "id": "228c4cfa6aabb5a5",
      "title": "Chrome that clears",
      "url": "https://bencho.dev/finds/tantan-photo-swipe",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/tantan-photo-swipe",
        "date": "2026-10-21"
      }
    },
    {
      "id": "d75f78d008cfd1e3",
      "title": "A phone unfolding",
      "url": "https://bencho.dev/finds/loong-fold-open",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/loong-fold-open",
        "date": "2026-10-21"
      }
    },
    {
      "id": "59a1e1e3447444f6",
      "title": "A card flips out",
      "url": "https://bencho.dev/finds/sergy-card-flip",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/sergy-card-flip",
        "date": "2026-10-21"
      }
    },
    {
      "id": "d367da2d736347ff",
      "title": "Rail that bends",
      "url": "https://bencho.dev/finds/benny-bending-rail",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/benny-bending-rail",
        "date": "2026-10-21"
      }
    },
    {
      "id": "fab7c4f953f92f35",
      "title": "Timer on a ruler",
      "url": "https://bencho.dev/finds/apple-timer-ruler",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "日期与时间"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/apple-timer-ruler",
        "date": "2026-10-21"
      }
    },
    {
      "id": "e8e692baa5eb7c80",
      "title": "Opening a fan deck",
      "url": "https://bencho.dev/finds/eduard-fan-deck",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/eduard-fan-deck",
        "date": "2026-10-21"
      }
    },
    {
      "id": "f278e7dc8a09e613",
      "title": "Sliders that bolt",
      "url": "https://bencho.dev/finds/gsimone-angry-sliders",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/gsimone-angry-sliders",
        "date": "2026-10-21"
      }
    },
    {
      "id": "e44a456b1992b468",
      "title": "Shader over photos",
      "url": "https://bencho.dev/finds/fred-shader-wall",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/fred-shader-wall",
        "date": "2026-10-21"
      }
    },
    {
      "id": "ec292ac57bd11153",
      "title": "Six ways to cut a circle",
      "url": "https://bencho.dev/finds/aditya-split-discs",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/aditya-split-discs",
        "date": "2026-10-21"
      }
    },
    {
      "id": "ee5cb7a164cec00f",
      "title": "Photos that bow",
      "url": "https://bencho.dev/finds/julian-photo-bow",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/julian-photo-bow",
        "date": "2026-10-21"
      }
    },
    {
      "id": "9499971b21c99348",
      "title": "Pills that lean",
      "url": "https://bencho.dev/finds/adi-leaning-pills",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/adi-leaning-pills",
        "date": "2026-10-21"
      }
    },
    {
      "id": "1f843f77544cdc0d",
      "title": "Cursor wake in ASCII",
      "url": "https://bencho.dev/finds/kopp-ascii-cursor",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/kopp-ascii-cursor",
        "date": "2026-10-21"
      }
    },
    {
      "id": "655b1010b29b1a07",
      "title": "Dot-matrix orb",
      "url": "https://bencho.dev/finds/swami-matrix-orb",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/swami-matrix-orb",
        "date": "2026-10-21"
      }
    },
    {
      "id": "362b395f1fd77df8",
      "title": "Trimming a schedule",
      "url": "https://bencho.dev/finds/mal-trim-schedule",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/mal-trim-schedule",
        "date": "2026-10-21"
      }
    },
    {
      "id": "28bbcd9abdaecb07",
      "title": "Revision folder",
      "url": "https://bencho.dev/finds/adi-revision-folder",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "上传与文件"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/adi-revision-folder",
        "date": "2026-10-21"
      }
    },
    {
      "id": "e96a86c11b7dc4f3",
      "title": "Columns that resize together",
      "url": "https://bencho.dev/finds/chewei-columns",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/chewei-columns",
        "date": "2026-10-21"
      }
    },
    {
      "id": "6c736f258f93bbe5",
      "title": "Copy confirmation",
      "url": "https://bencho.dev/finds/pranav-copy-id",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/pranav-copy-id",
        "date": "2026-10-21"
      }
    },
    {
      "id": "4b4649dcfbb2fbc1",
      "title": "A mark that sticks",
      "url": "https://bencho.dev/finds/mrunal-sticky-mark",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/mrunal-sticky-mark",
        "date": "2026-10-21"
      }
    },
    {
      "id": "cbfb684ecd750b55",
      "title": "Collapsing stack",
      "url": "https://bencho.dev/finds/rauno-notif-stack",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/rauno-notif-stack",
        "date": "2026-10-21"
      }
    },
    {
      "id": "01e994d411b6bcd3",
      "title": "Shuffling albums",
      "url": "https://bencho.dev/finds/rolando-sound-cards",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/rolando-sound-cards",
        "date": "2026-10-21"
      }
    },
    {
      "id": "4798f9107fb0b59d",
      "title": "Gatefold wallet",
      "url": "https://bencho.dev/finds/adi-document-wallet",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/adi-document-wallet",
        "date": "2026-10-21"
      }
    },
    {
      "id": "f8544a59dbf101f2",
      "title": "Sidebar collapse",
      "url": "https://bencho.dev/finds/seb-sidebar-collapse",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "导航与菜单",
        "折叠面板"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/seb-sidebar-collapse",
        "date": "2026-10-21"
      }
    },
    {
      "id": "4f160f0488f278a2",
      "title": "Folding photos",
      "url": "https://bencho.dev/finds/jesper-folding-photos",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/jesper-folding-photos",
        "date": "2026-10-21"
      }
    },
    {
      "id": "da00bc3b73f2eca9",
      "title": "Opening a photograph",
      "url": "https://bencho.dev/finds/raul-photo-grid",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "布局与页面区块"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/raul-photo-grid",
        "date": "2026-10-21"
      }
    },
    {
      "id": "c41685d1942895dc",
      "title": "Exploded component",
      "url": "https://bencho.dev/finds/paulius-component-anatomy",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/paulius-component-anatomy",
        "date": "2026-10-21"
      }
    },
    {
      "id": "90f333ef4872d2ea",
      "title": "Component layers",
      "url": "https://bencho.dev/finds/marvin-component-layers",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/marvin-component-layers",
        "date": "2026-10-21"
      }
    },
    {
      "id": "8f88ccfdecbff9f3",
      "title": "Nav that stretches",
      "url": "https://bencho.dev/finds/renzo-nav-pill",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "导航与菜单"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/renzo-nav-pill",
        "date": "2026-10-21"
      }
    },
    {
      "id": "b19d5151f21bf3e9",
      "title": "Tumbling dismiss",
      "url": "https://bencho.dev/finds/tcosta-poof",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/tcosta-poof",
        "date": "2026-10-21"
      }
    },
    {
      "id": "dfd5dab4205375be",
      "title": "Jobs on a shelf",
      "url": "https://bencho.dev/finds/mamuso-jobs-shelf",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/mamuso-jobs-shelf",
        "date": "2026-10-21"
      }
    },
    {
      "id": "8055299ef3d2f2b6",
      "title": "Unfolding tab bar",
      "url": "https://bencho.dev/finds/joy-tool-bar",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "导航与菜单"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/joy-tool-bar",
        "date": "2026-10-21"
      }
    },
    {
      "id": "5afd4068e350b04a",
      "title": "Gapless hover",
      "url": "https://bencho.dev/finds/seb-hover-borders",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/seb-hover-borders",
        "date": "2026-10-21"
      }
    },
    {
      "id": "f8214e7f92b5867a",
      "title": "Clearing the pile",
      "url": "https://bencho.dev/finds/adrian-clearing-pile",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/adrian-clearing-pile",
        "date": "2026-10-21"
      }
    },
    {
      "id": "775cff4d24b088fe",
      "title": "Moving nav pill",
      "url": "https://bencho.dev/finds/swami-moving-pill",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "导航与菜单"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/swami-moving-pill",
        "date": "2026-10-21"
      }
    },
    {
      "id": "aaabf9ca5b7955db",
      "title": "Actions off a node",
      "url": "https://bencho.dev/finds/flo-action-node",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/flo-action-node",
        "date": "2026-10-21"
      }
    },
    {
      "id": "490ba5b6f9a3daec",
      "title": "Options in a cross",
      "url": "https://bencho.dev/finds/shawn-floating-menu",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "导航与菜单"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/shawn-floating-menu",
        "date": "2026-10-21"
      }
    },
    {
      "id": "d0f06f448cb2b482",
      "title": "Sidebar sub menu",
      "url": "https://bencho.dev/finds/pranav-sub-menu",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "导航与菜单"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/pranav-sub-menu",
        "date": "2026-10-21"
      }
    },
    {
      "id": "75a4f94d4e619bf6",
      "title": "Rippling sheet",
      "url": "https://bencho.dev/finds/paulius-rippling-sheet",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "弹窗与抽屉"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/paulius-rippling-sheet",
        "date": "2026-10-21"
      }
    },
    {
      "id": "54eba5446b2429a8",
      "title": "Voice orb states",
      "url": "https://bencho.dev/finds/george-voice-orb",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/george-voice-orb",
        "date": "2026-10-21"
      }
    },
    {
      "id": "1a4060a99e63599f",
      "title": "Gooey speed dial",
      "url": "https://bencho.dev/finds/arek-taffy-dial",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/arek-taffy-dial",
        "date": "2026-10-21"
      }
    },
    {
      "id": "7ce501187d8cf20a",
      "title": "Stamps that swirl",
      "url": "https://bencho.dev/finds/raul-shader-stamps",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/raul-shader-stamps",
        "date": "2026-10-21"
      }
    },
    {
      "id": "fa24988df779c66c",
      "title": "Layout switch",
      "url": "https://bencho.dev/finds/leon-layout-switch",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "选择器与开关",
        "布局与页面区块"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/leon-layout-switch",
        "date": "2026-10-21"
      }
    },
    {
      "id": "61c0f1f4ad6cba1a",
      "title": "Inline issue rows",
      "url": "https://bencho.dev/finds/cj-issue-rows",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/cj-issue-rows",
        "date": "2026-10-21"
      }
    },
    {
      "id": "f23c5d1035923ae2",
      "title": "Share dropdown",
      "url": "https://bencho.dev/finds/gabriel-share-dropdown",
      "kind": "组件交互参考",
      "direct": true,
      "aliases": [
        "选择器与开关"
      ],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/gabriel-share-dropdown",
        "date": "2026-10-21"
      }
    },
    {
      "id": "3d4a35c2642c4527",
      "title": "Range that slides",
      "url": "https://bencho.dev/finds/jeet-date-range",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/jeet-date-range",
        "date": "2026-10-21"
      }
    },
    {
      "id": "818dc65c5a32506b",
      "title": "Bills by the day",
      "url": "https://bencho.dev/finds/malik-bills-day",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/malik-bills-day",
        "date": "2026-10-21"
      }
    },
    {
      "id": "20b80ea4c53f2555",
      "title": "Ribbon of assets",
      "url": "https://bencho.dev/finds/prosku-asset-ribbon",
      "kind": "效果参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "来源说明",
        "url": "https://bencho.dev/finds/prosku-asset-ribbon",
        "date": "2026-10-21"
      }
    }
  ]
}