UIPicks UI 参考库
← 全部 AI 参考来源

交互动效

Bencho Finds

收集值得研究的 UI 交互，适合寻找反馈与状态变化参考。

进入原站读取本页 JSON

已补充公开案例与类型 · 2026-10-21。已补充可公开读取的具体案例与分类；原站登录、订阅和复制条件单独保留。

已审查的免费匿名读取路径

Bencho Finds

公开交互动效精选列表，可直接读取每项名称、作者和外部原作链接。

交互动效 · UI 组件 · 导航菜单 · 卡片 · 轮播 · 反馈状态 · 新手引导 · 视觉参考

有免费匿名入口 · 检查日期 2026-10-20

公开的交互名称、作者与来源链接；仅供参考。

某个原作链接本次打开失败，不能保证所有外部媒体可匿名播放。；不提供对应实现源码；不能从展示界面推定框架或平台。

访问条件与依据

登录范围：本次未确认额外登录范围

付费范围：本次未确认额外付费范围

历史资源与访问条件

“有免费资源”仅描述对应资源范围，不代表每条案例、模板或素材免费。代码、提示词与素材的实际获取权限及许可需到原站核对。

目录入口

共 342 条记录，本页显示 81–160 条。每页最多 80 条；直接点击名称进入已保存的真实网址。

条目类型、来源日期与链接性质分别标注。只有明确核验过的画面才显示布局或风格标签；没有标签表示当前没有相应确认信息。

  1. Liquid storage

    效果参考 · 具体条目入口

    来源说明2026-10-21

  2. Stagger menu

    组件交互参考 · 具体条目入口

    相关词：导航与菜单

    来源说明2026-10-21

  3. Standing calendar

    组件交互参考 · 具体条目入口

    相关词：日期与时间

    来源说明2026-10-21

  4. Agent cards

    组件交互参考 · 具体条目入口

    相关词：卡片、AI 与聊天

    来源说明2026-10-21

  5. Name card

    组件交互参考 · 具体条目入口

    相关词：卡片

    来源说明2026-10-21

  6. Paper page

    效果参考 · 具体条目入口

    来源说明2026-10-21

  7. Credit top-up

    效果参考 · 具体条目入口

    来源说明2026-10-21

  8. Quick menu

    组件交互参考 · 具体条目入口

    相关词：导航与菜单

    来源说明2026-10-21

  9. Halogen timer

    组件交互参考 · 具体条目入口

    相关词：日期与时间

    来源说明2026-10-21

  10. Voice dictation

    效果参考 · 具体条目入口

    来源说明2026-10-21

  11. Flag carousel

    组件交互参考 · 具体条目入口

    相关词：轮播与跑马灯

    来源说明2026-10-21

  12. Progress button

    组件交互参考 · 具体条目入口

    相关词：按钮、提示与状态

    来源说明2026-10-21

  13. Pill navigation

    组件交互参考 · 具体条目入口

    相关词：导航与菜单

    来源说明2026-10-21

  14. Context window

    效果参考 · 具体条目入口

    来源说明2026-10-21

  15. Budget slider

    组件交互参考 · 具体条目入口

    相关词：选择器与开关

    来源说明2026-10-21

  16. Country wheel

    效果参考 · 具体条目入口

    来源说明2026-10-21

  17. Project card

    组件交互参考 · 具体条目入口

    相关词：卡片

    来源说明2026-10-21

  18. Spec inspector

    效果参考 · 具体条目入口

    来源说明2026-10-21

  19. Files peeking out

    组件交互参考 · 具体条目入口

    相关词：上传与文件

    来源说明2026-10-21

  20. Exploded device

    效果参考 · 具体条目入口

    来源说明2026-10-21

  21. Expanding nav

    组件交互参考 · 具体条目入口

    相关词：导航与菜单

    来源说明2026-10-21

  22. Moodboard folder

    组件交互参考 · 具体条目入口

    相关词：上传与文件

    来源说明2026-10-21

  23. Paragraph reveal

    效果参考 · 具体条目入口

    来源说明2026-10-21

  24. Model picker wheel

    效果参考 · 具体条目入口

    来源说明2026-10-21

  25. Code that verifies

    效果参考 · 具体条目入口

    来源说明2026-10-21

  26. Bending reel

    效果参考 · 具体条目入口

    来源说明2026-10-21

  27. Theme playground

    效果参考 · 具体条目入口

    来源说明2026-10-21

  28. Team in silhouette

    效果参考 · 具体条目入口

    来源说明2026-10-21

  29. Ranges that reorder

    效果参考 · 具体条目入口

    来源说明2026-10-21

  30. Pixel-burst select

    组件交互参考 · 具体条目入口

    相关词：选择器与开关

    来源说明2026-10-21

  31. Keys that light up

    效果参考 · 具体条目入口

    来源说明2026-10-21

  32. Toolbar views

    组件交互参考 · 具体条目入口

    相关词：导航与菜单

    来源说明2026-10-21

  33. Sizing a frame

    效果参考 · 具体条目入口

    来源说明2026-10-21

  34. Self-filling cards

    组件交互参考 · 具体条目入口

    相关词：卡片、布局与页面区块

    来源说明2026-10-21

  35. Isometric wireframes you can work

    效果参考 · 具体条目入口

    来源说明2026-10-21

  36. Model router

    效果参考 · 具体条目入口

    来源说明2026-10-21

  37. Todos that tick themselves away

    效果参考 · 具体条目入口

    来源说明2026-10-21

  38. The chevron that got away

    组件交互参考 · 具体条目入口

    相关词：选择器与开关

    来源说明2026-10-21

  39. Betting on the chart

    组件交互参考 · 具体条目入口

    相关词：图表与数据

    来源说明2026-10-21

  40. Tearing open a box

    效果参考 · 具体条目入口

    来源说明2026-10-21

  41. Placing the light

    组件交互参考 · 具体条目入口

    相关词：输入框与搜索

    来源说明2026-10-21

  42. Squeezing progress

    组件交互参考 · 具体条目入口

    相关词：提示与状态

    来源说明2026-10-21

  43. Bubble assistants

    效果参考 · 具体条目入口

    来源说明2026-10-21

  44. Badge on a lanyard

    组件交互参考 · 具体条目入口

    相关词：提示与状态

    来源说明2026-10-21

  45. Dots that dress up

    效果参考 · 具体条目入口

    来源说明2026-10-21

  46. Reasoning slider

    组件交互参考 · 具体条目入口

    相关词：选择器与开关、AI 与聊天

    来源说明2026-10-21

  47. Invite tickets

    效果参考 · 具体条目入口

    来源说明2026-10-21

  48. Circle of faces

    组件交互参考 · 具体条目入口

    相关词：图片与媒体

    来源说明2026-10-21

  49. Traversing cat-space

    效果参考 · 具体条目入口

    来源说明2026-10-21

  50. Aspect ratios you can see

    效果参考 · 具体条目入口

    来源说明2026-10-21

  51. Welcome to

    效果参考 · 具体条目入口

    来源说明2026-10-21

  52. Button with a spinning glyph

    组件交互参考 · 具体条目入口

    相关词：按钮

    来源说明2026-10-21

  53. Island that splits

    效果参考 · 具体条目入口

    来源说明2026-10-21

  54. Mood wheel

    效果参考 · 具体条目入口

    来源说明2026-10-21

  55. Framed layout

    组件交互参考 · 具体条目入口

    相关词：布局与页面区块

    来源说明2026-10-21

  56. Access requests

    效果参考 · 具体条目入口

    来源说明2026-10-21

  57. Agent state orb

    组件交互参考 · 具体条目入口

    相关词：AI 与聊天

    来源说明2026-10-21

  58. Confetti ring

    效果参考 · 具体条目入口

    来源说明2026-10-21

  59. Swap that assembles

    效果参考 · 具体条目入口

    来源说明2026-10-21

  60. Dot loaders

    组件交互参考 · 具体条目入口

    相关词：提示与状态

    来源说明2026-10-21

  61. Picking a tape

    效果参考 · 具体条目入口

    来源说明2026-10-21

  62. Folders of tools

    效果参考 · 具体条目入口

    来源说明2026-10-21

  63. Horse in the island

    组件交互参考 · 具体条目入口

    相关词：AI 与聊天

    来源说明2026-10-21

  64. Music video widget

    组件交互参考 · 具体条目入口

    相关词：图片与媒体

    来源说明2026-10-21

  65. Crumpled poster

    效果参考 · 具体条目入口

    来源说明2026-10-21

  66. Dragging money to a friend

    效果参考 · 具体条目入口

    来源说明2026-10-21

  67. A sheet rises over the list

    组件交互参考 · 具体条目入口

    相关词：弹窗与抽屉、表格与列表

    来源说明2026-10-21

  68. Reasoning effort slider

    组件交互参考 · 具体条目入口

    相关词：选择器与开关、AI 与聊天

    来源说明2026-10-21

  69. A tray slides out from behind

    组件交互参考 · 具体条目入口

    相关词：AI 与聊天

    来源说明2026-10-21

  70. A reel of small spinners

    组件交互参考 · 具体条目入口

    相关词：提示与状态

    来源说明2026-10-21

  71. The stack rolls a screen flat

    效果参考 · 具体条目入口

    来源说明2026-10-21

  72. Move to trash, literally

    效果参考 · 具体条目入口

    来源说明2026-10-21

  73. Drag the weather over the mountain

    效果参考 · 具体条目入口

    来源说明2026-10-21

  74. The cards lean into the throw

    组件交互参考 · 具体条目入口

    相关词：卡片、轮播与跑马灯

    来源说明2026-10-21

  75. The amount becomes the receipt

    组件交互参考 · 具体条目入口

    相关词：卡片

    来源说明2026-10-21

  76. The case opens up

    效果参考 · 具体条目入口

    来源说明2026-10-21

  77. The number runs under your finger

    效果参考 · 具体条目入口

    来源说明2026-10-21

  78. The page screws itself up

    效果参考 · 具体条目入口

    来源说明2026-10-21

  79. The face pulls back

    效果参考 · 具体条目入口

    来源说明2026-10-21

  80. Light on a hanging cloth

    效果参考 · 具体条目入口

    来源说明2026-10-21