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

设计灵感

Collect UI

按界面主题浏览日常 UI 设计参考，适合比较不同设计解法。

进入原站读取本页 JSON

已整理部分目录 · 2026-10-14。已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。

资源与访问条件

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

目录入口

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

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

  1. Scroll slider for blink. Vertical scroll moves the cards sideways on a slight arc. Graphics made with Rive, one scroll value drive

    动效参考 · 具体条目入口

    相关词：滑块、滑杆、卡片、滚动、动画、动效

    官网公开条目数据2026-10-14

  2. hover animation.

    动效参考 · 具体条目入口

    相关词：悬停、鼠标悬停、动画、动效

    官网公开条目数据2026-10-14

  3. X post cards

    界面参考 · 具体条目入口

    相关词：卡片、关闭、叉号

    官网公开条目数据2026-10-14

  4. if your status needs a label, your icon isn't doing its job.

    界面参考 · 具体条目入口

    相关词：动画、动效、图标

    官网公开条目数据2026-10-14

  5. i drew 490 icons for Beside

    界面参考 · 具体条目入口

    相关词：图标

    官网公开条目数据2026-10-14

  6. An example of the /state-machine skill in practice. Made a couple of improvements so it scales better when working with a lot of

    界面参考 · 具体条目入口

    相关词：卡片

    官网公开条目数据2026-10-14

  7. Balloon Button ⋆｡°✩

    界面参考 · 具体条目入口

    相关词：按钮

    官网公开条目数据2026-10-14

  8. ISO-GLOW does 3D now. Same Claude skill now with Three.js: orbit, true-isometric snap, working buttons. You can also hand it you

    动效参考 · 具体条目入口

    相关词：按钮、发光、光晕、三维、3D

    官网公开条目数据2026-10-14

  9. The bigger an animated element is, the slower it should move. Notice how the hand on the right moves much slower than the cursors

    界面参考 · 具体条目入口

    相关词：首屏、主视觉、动画、动效

    官网公开条目数据2026-10-14

  10. Design like this minimal should be normalised.

    界面参考 · 具体条目入口

    相关词：按钮

    官网公开条目数据2026-10-14

  11. <FAQ/> that feels like a conversation

    界面参考 · 具体条目入口

    相关词：常见问题、交互、动效、聊天、对话

    官网公开条目数据2026-10-14

  12. reminder: you can use css mix-blend-mode to create knockout text ↓ 🧑‍🍳 .sticker { background: #000; color: #​fff; mix-blend

    动效参考 · 具体条目入口

    相关词：卡片、背景、文字、文本、三维、3D

    官网公开条目数据2026-10-14

  13. Switching tabs should feel this clean

    界面参考 · 具体条目入口

    相关词：标签页、选项卡、菜单

    官网公开条目数据2026-10-14

  14. should i open source my lab? https://lab.anishfn.ink

    界面参考 · 具体条目入口

    相关词：滑块、滑杆、交互、动效、图片

    官网公开条目数据2026-10-14

  15. My first major project since joining @mobbin is live Fresh coat of paint for 👉🏼 https://mobbin.com

    界面参考 · 具体条目入口

    官网公开条目数据2026-10-14

  16. I love being a designer who can ship code

    界面参考 · 具体条目入口

    相关词：滑块、滑杆、卡片、交互、动效

    官网公开条目数据2026-10-14

  17. Context window [UI element]

    界面参考 · 具体条目入口

    相关词：图表、标签页、选项卡

    官网公开条目数据2026-10-14

  18. Scroll animation for #Peak website.

    动效参考 · 具体条目入口

    相关词：滚动、动画、动效

    官网公开条目数据2026-10-14

  19. You ask, and we listen. Now you can pin your most important your canvases!

    界面参考 · 具体条目入口

    相关词：侧边栏

    官网公开条目数据2026-10-14

  20. At the bottom of this page, the brand has eyes.

    界面参考 · 具体条目入口

    相关词：页脚

    官网公开条目数据2026-10-14

  21. Code input for SwiftUI and Web in https://metalforge.xyz

    界面参考 · 具体条目入口

    相关词：输入框

    官网公开条目数据2026-10-14

  22. micro progress button interaction ⎯⟡° what if progress happened inside the button that started it?

    界面参考 · 具体条目入口

    相关词：按钮、进度条、交互、动效

    官网公开条目数据2026-10-14

  23. blocks are coming to soon to hextaui. https://hextaui.com

    界面参考 · 具体条目入口

    相关词：聊天、对话、AI、人工智能

    官网公开条目数据2026-10-14