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

交互动效

Ripplix

UI 动画与微交互参考库，适合研究产品反馈和交互节奏。

进入原站读取本页 JSON

已核对公开视频目录 · 2026-10-14。覆盖本次公开视频站点地图里的命名案例；详情权限与原站一致，不代表取得源码或完整视频下载权限。

资源与访问条件

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

目录入口

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

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

  1. Smartwatch Workout Flow

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  2. Smartwatch Workout Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、跑马灯、滚动列表、网格、光标、鼠标、指针、AI、人工智能、关闭、叉号

    发布者公开目录数据2026-10-14

  3. Watch Action Tracker Transition

    动效参考 · 具体条目入口

    相关词：按钮、卡片、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  4. Watch Action Flow

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、菜单、网格、列表、光标、鼠标、指针、滚动、AI、人工智能

    发布者公开目录数据2026-10-14

  5. Watch Drum Picker

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、光标、鼠标、指针、滚动、拖拽、拖动、三维、3D、AI、人工智能

    发布者公开目录数据2026-10-14

  6. Smartwatch Action Flow

    动效参考 · 具体条目入口

    相关词：菜单、列表、光标、鼠标、指针、滚动、动画、动效、AI、人工智能、图标

    发布者公开目录数据2026-10-14

  7. Circular Activity Loader

    动效参考 · 具体条目入口

    相关词：环形、圆形、加载、加载动画、渐变、光标、鼠标、指针、滚动、AI、人工智能、图标

    发布者公开目录数据2026-10-14

  8. Watchos Spotlight List

    动效参考 · 具体条目入口

    相关词：列表、光标、鼠标、指针、滚动、AI、人工智能

    发布者公开目录数据2026-10-14

  9. Smartwatch Pager

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  10. Watch Session Stepper

    动效参考 · 具体条目入口

    相关词：按钮、输入框、光标、鼠标、指针、AI、人工智能、播放、暂停

    发布者公开目录数据2026-10-14

  11. Guided Breath Bloom

    动效参考 · 具体条目入口

    相关词：粒子、光标、鼠标、指针、滚动、AI、人工智能

    发布者公开目录数据2026-10-14

  12. Wearable Drilldown Menu

    动效参考 · 具体条目入口

    相关词：按钮、菜单、导航、列表、光标、鼠标、指针、滚动、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  13. Watch Vertical Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、分页、卡片、发光、光晕、背景、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  14. Smartwatch Visual Picker Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、轮播、轮播图、分页、光标、鼠标、指针、文字、文本、AI

    发布者公开目录数据2026-10-14

  15. Watch Face Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、卡片、光标、鼠标、指针、文字、文本、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  16. Radial Dotted Spinner

    动效参考 · 具体条目入口

    相关词：环形、圆形、徽章、状态标签、加载、加载动画、转圈、进度条、光标、鼠标、指针、滚动

    发布者公开目录数据2026-10-14

  17. Smartwatch Hydration Tracker

    动效参考 · 具体条目入口

    相关词：进度条、彩纸、庆祝、光标、鼠标、指针、文字、文本、AI、人工智能

    发布者公开目录数据2026-10-14

  18. Button Animation

    动效参考 · 具体条目入口

    相关词：按钮、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  19. Watch Wheel Picker

    动效参考 · 具体条目入口

    相关词：光标、鼠标、指针、拖拽、拖动、三维、3D、AI、人工智能

    发布者公开目录数据2026-10-14

  20. Watch Toggle Card

    动效参考 · 具体条目入口

    相关词：切换、开关、卡片、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  21. Smartwatch Option Selector

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、单选框、菜单、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  22. Watch Toggle Expand Section

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、开关、切换、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  23. Watch List Selector

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、列表、发光、光晕、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  24. Watch Character Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、分页、光标、鼠标、指针、模糊、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  25. Watchos Cylindrical Scroll List

    动效参考 · 具体条目入口

    相关词：列表、光标、鼠标、指针、滚动、AI、人工智能

    发布者公开目录数据2026-10-14

  26. Smartwatch Screen Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、按钮、分页、光标、鼠标、指针、动画、动效、拖拽、拖动、AI

    发布者公开目录数据2026-10-14

  27. Smartwatch Nav Stack

    动效参考 · 具体条目入口

    相关词：导航、列表、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  28. Watch Settings Toggle List

    动效参考 · 具体条目入口

    相关词：切换、开关、列表、光标、鼠标、指针、滚动、AI、人工智能、设置

    发布者公开目录数据2026-10-14

  29. Spatial Hero Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、按钮、卡片、首屏、主视觉、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  30. Vr Theater Mode Transition

    动效参考 · 具体条目入口

    相关词：光标、鼠标、指针、滚动、AI、人工智能

    发布者公开目录数据2026-10-14

  31. Spatial Tab Stage

    动效参考 · 具体条目入口

    相关词：标签页、选项卡、导航、光标、鼠标、指针、动画、动效、三维、3D、视频、AI

    发布者公开目录数据2026-10-14

  32. Scroll Feature Showcase

    动效参考 · 具体条目入口

    相关词：卡片、光标、鼠标、指针、滚动、AI、人工智能

    发布者公开目录数据2026-10-14

  33. Bordered Feature Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、导航、光标、鼠标、指针、AI、人工智能、箭头

    发布者公开目录数据2026-10-14

  34. Stacked Card Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、卡片、常见问题、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  35. Select Animation

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  36. Interactive Action Card Grid

    动效参考 · 具体条目入口

    相关词：按钮、卡片、网格、悬停、鼠标悬停、背景、光标、鼠标、指针、文字、文本、AI

    发布者公开目录数据2026-10-14

  37. Fullscreen Morph Nav Overlay

    动效参考 · 具体条目入口

    相关词：菜单、下拉菜单、导航、首屏、主视觉、光标、鼠标、指针、揭示、出现、入场、动画

    发布者公开目录数据2026-10-14

  38. Flip Feature Card

    动效参考 · 具体条目入口

    相关词：切换、开关、卡片、光标、鼠标、指针、翻转、动画、动效、三维、3D、AI

    发布者公开目录数据2026-10-14

  39. Hero Story Expand Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、按钮、首屏、主视觉、光标、鼠标、指针、揭示、出现、入场

    发布者公开目录数据2026-10-14

  40. Select Animation

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  41. Spatial Transform Gizmo

    动效参考 · 具体条目入口

    相关词：光标、鼠标、指针、动画、动效、拖拽、拖动、三维、3D、AI、人工智能

    发布者公开目录数据2026-10-14

  42. Spatial Drilldown Panel

    动效参考 · 具体条目入口

    相关词：按钮、导航、网格、列表、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  43. Pill Nav Button

    动效参考 · 具体条目入口

    相关词：按钮、导航、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能、线性图标、描边图标

    发布者公开目录数据2026-10-14

  44. Tilted Scroll Showcase

    动效参考 · 具体条目入口

    相关词：卡片、光标、鼠标、指针、滚动、揭示、出现、入场、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  45. Morphing Media Portal

    动效参考 · 具体条目入口

    相关词：光标、鼠标、指针、滚动、AI、人工智能

    发布者公开目录数据2026-10-14

  46. Vertical Step Timeline

    动效参考 · 具体条目入口

    相关词：光标、鼠标、指针、滚动、文字、文本、三维、3D、AI、人工智能

    发布者公开目录数据2026-10-14

  47. Scroll Narrative Card

    动效参考 · 具体条目入口

    相关词：卡片、网格、光标、鼠标、指针、滚动、文字、文本、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  48. Curtain Page Transition

    动效参考 · 具体条目入口

    相关词：加载、加载动画、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  49. Avatar Constellation Cluster

    动效参考 · 具体条目入口

    相关词：头像、卡片、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  50. Interactive Feature Selector

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、卡片、列表、悬停、鼠标悬停、背景、光标、鼠标、指针、动画、动效

    发布者公开目录数据2026-10-14

  51. Scroll Expand Hero

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、光标、鼠标、指针、滚动、三维、3D、AI、人工智能

    发布者公开目录数据2026-10-14

  52. Interactive Arrow Pill Button

    动效参考 · 具体条目入口

    相关词：按钮、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能、箭头、图标

    发布者公开目录数据2026-10-14

  53. Scroll Reveal Wordmark Footer

    动效参考 · 具体条目入口

    相关词：导航、卡片、页脚、光标、鼠标、指针、滚动、揭示、出现、入场、淡入、淡出

    发布者公开目录数据2026-10-14

  54. Sticky Step Showcase

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、卡片、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  55. Slide Down Reveal Card Stack

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、卡片、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

    发布者公开目录数据2026-10-14

  56. Marquee Center Hero

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、首屏、主视觉、光标、鼠标、指针、滚动、动画、动效、AI

    发布者公开目录数据2026-10-14

  57. Kinetic Typography Cycler

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、背景、光标、鼠标、指针、AI、人工智能、排版、字体

    发布者公开目录数据2026-10-14

  58. Intro Zoom Loader Reveal

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、加载、加载动画、光标、鼠标、指针、滚动、揭示、出现、入场、AI

    发布者公开目录数据2026-10-14

  59. Hero Layered Parallax Tilt

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、三维、3D、AI

    已核验画面：居中首屏、深色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    发布者公开目录数据2026-10-14

  60. Orbital Hero Graphic

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、光标、鼠标、指针、滚动、三维、3D、AI、人工智能

    发布者公开目录数据2026-10-14

  61. Pill Action Button

    动效参考 · 具体条目入口

    相关词：环形、圆形、按钮、徽章、状态标签、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  62. Curved Sheet Footer Reveal

    动效参考 · 具体条目入口

    相关词：抽屉、面板、卡片、页脚、光标、鼠标、指针、滚动、揭示、出现、入场、动画

    发布者公开目录数据2026-10-14

  63. Minimalist Faq Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、列表、常见问题、光标、鼠标、指针、动画、动效、AI、人工智能、图标

    发布者公开目录数据2026-10-14

  64. Hero Media Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、首屏、主视觉、进度条、光标、鼠标、指针、文字、文本、图片、AI

    发布者公开目录数据2026-10-14

  65. Hero Cta Buttons

    动效参考 · 具体条目入口

    相关词：按钮、首屏、主视觉、悬停、鼠标悬停、背景、光标、鼠标、指针、动画、动效、AI

    发布者公开目录数据2026-10-14

  66. Rolling Text Link

    动效参考 · 具体条目入口

    相关词：导航、页脚、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、交错、逐个出现、AI

    发布者公开目录数据2026-10-14

  67. Rotate Animation

    动效参考 · 具体条目入口

    相关词：光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  68. Multi Column Nav Dropdown

    动效参考 · 具体条目入口

    相关词：菜单、下拉菜单、导航、悬停、鼠标悬停、光标、鼠标、指针、淡入、淡出、动画、动效

    发布者公开目录数据2026-10-14

  69. Interactive Feature Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、列表、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  70. Style Showcase Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、按钮、导航、卡片、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  71. Orbital Case Study Showcase

    动效参考 · 具体条目入口

    相关词：光标、鼠标、指针、滚动、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  72. Layered Sheet Reveal

    动效参考 · 具体条目入口

    相关词：抽屉、面板、卡片、首屏、主视觉、光标、鼠标、指针、滚动、揭示、出现、入场

    发布者公开目录数据2026-10-14

  73. Multilingual Hover Button

    动效参考 · 具体条目入口

    相关词：按钮、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、AI、人工智能

    发布者公开目录数据2026-10-14

  74. Stacking Headline Feature Scroll

    动效参考 · 具体条目入口

    相关词：光标、鼠标、指针、滚动、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  75. Orbital Feature Spotlight

    动效参考 · 具体条目入口

    相关词：光标、鼠标、指针、滚动、三维、3D、AI、人工智能

    发布者公开目录数据2026-10-14

  76. Interactive Hover Expand Cards

    动效参考 · 具体条目入口

    相关词：卡片、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

    发布者公开目录数据2026-10-14

  77. Hero Task Simulation

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、首屏、主视觉、光标、鼠标、指针、揭示、出现、入场、打字机、动画

    发布者公开目录数据2026-10-14

  78. Feature Card Reveal Grid

    动效参考 · 具体条目入口

    相关词：卡片、网格、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

    发布者公开目录数据2026-10-14

  79. Scroll Feature Card Grid

    动效参考 · 具体条目入口

    相关词：卡片、网格、光标、鼠标、指针、滚动、AI、人工智能

    发布者公开目录数据2026-10-14

  80. Modal Navigation Overlay

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、按钮、导航、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14