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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Animated Toggle Switch

    动效参考 · 具体条目入口

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

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

  2. Ai Wave Card Loader

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、卡片、加载、加载动画、渐变、光标、鼠标、指针、文字、文本、动画

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

  3. Image Preview Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、光标、鼠标、指针、淡入、淡出、模糊、图片、AI、人工智能

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

  4. Action Loading Blur Overlay

    动效参考 · 具体条目入口

    相关词：加载、加载动画、转圈、光标、鼠标、指针、模糊、AI、人工智能

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

  5. Recent Prompts Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、气泡、弹出框、输入框、光标、鼠标、指针、动画、动效、AI

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

  6. Profile Settings Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、光标、鼠标、指针、淡入、淡出、AI、人工智能、设置

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

  7. Checkout Header Back Swap

    动效参考 · 具体条目入口

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

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

  8. Smartwatch Activity Rings Intro

    动效参考 · 具体条目入口

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

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

  9. Smartwatch Activity Pager

    动效参考 · 具体条目入口

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

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

  10. Smartwatch Goal Stepper

    动效参考 · 具体条目入口

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

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

  11. Watch State Transition Loader

    动效参考 · 具体条目入口

    相关词：加载、加载动画、转圈、光标、鼠标、指针、揭示、出现、入场、动画、动效、AI

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

  12. Watch Action Loader

    动效参考 · 具体条目入口

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

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

  13. Watch Workout Summary Scroll

    动效参考 · 具体条目入口

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

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

  14. Smartwatch Badge Grid Zoom

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、网格、光标、鼠标、指针、AI、人工智能

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

  15. Watch Card Stack Scroll

    动效参考 · 具体条目入口

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

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

  16. Watch Badge Grid Zoom

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、徽章、状态标签、卡片、网格、首屏、主视觉、光标、鼠标、指针

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

  17. Watch Badge Modal Zoom

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、徽章、状态标签、网格、光标、鼠标、指针、AI、人工智能、图标

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

  18. Shared Element Badge Zoom

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、网格、首屏、主视觉、光标、鼠标、指针、AI、人工智能

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

  19. Compact Modal Overlay

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、背景、光标、鼠标、指针、模糊、AI、人工智能

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

  20. Watch Card Expansion Transition

    动效参考 · 具体条目入口

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

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

  21. Smartwatch Weather Metric Slider

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、滑块、滑杆、标签页、选项卡、光标、鼠标、指针、动画、动效、AI

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

  22. Smartwatch Weather Drilldown

    动效参考 · 具体条目入口

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

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

  23. Watch Scroll Card View

    动效参考 · 具体条目入口

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

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

  24. Wearable Action Sheet

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、抽屉、面板、环形、圆形、卡片、光标、鼠标、指针、模糊

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

  25. Watch Focus Timer

    动效参考 · 具体条目入口

    相关词：环形、圆形、卡片、进度条、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

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

  26. Smartwatch Timer Config

    动效参考 · 具体条目入口

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

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

  27. Smartwatch View Stack

    动效参考 · 具体条目入口

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

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

  28. Smartwatch Blood Oxygen Meter

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、环形、圆形、加载、加载动画、转圈、进度条、光标、鼠标、指针、动画

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

  29. Watch Onboarding Guide

    动效参考 · 具体条目入口

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

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

  30. Watch Compass Display

    动效参考 · 具体条目入口

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

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

  31. Blood Oxygen Measurement Flow

    动效参考 · 具体条目入口

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

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

  32. Scroll Linked Stat Ticker

    动效参考 · 具体条目入口

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

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

  33. Globe Partnership Card

    动效参考 · 具体条目入口

    相关词：卡片、粒子、光标、鼠标、指针、三维、3D、AI、人工智能

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

  34. Layered Sheet Scroll Reveal

    动效参考 · 具体条目入口

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

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

  35. Loop Animation

    动效参考 · 具体条目入口

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

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

  36. Scroll Backdrop Marquee Section

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、卡片、渐变、光标、鼠标、指针、滚动、文字、文本、动画

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

  37. 3D Flip Card Grid

    动效参考 · 具体条目入口

    相关词：卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、翻转、动画

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

  38. Interactive Team Roster

    动效参考 · 具体条目入口

    相关词：列表、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、AI、人工智能、箭头

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

  39. Sticky Oval Narrative

    动效参考 · 具体条目入口

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

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

  40. Physics Badge Sandbox

    动效参考 · 具体条目入口

    相关词：按钮、徽章、状态标签、光标、鼠标、指针、动画、动效、拖拽、拖动、AI、人工智能

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

  41. Category Accordion Grid

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

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

  42. Principles Numbered Carousel

    动效参考 · 具体条目入口

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

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

  43. Category Logo Showcase

    动效参考 · 具体条目入口

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

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

  44. Sliding Hover Tabs

    动效参考 · 具体条目入口

    相关词：标签页、选项卡、列表、悬停、鼠标悬停、背景、光标、鼠标、指针、AI、人工智能

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

  45. Pastel Faq Accordion

    动效参考 · 具体条目入口

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

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

  46. Multi Card Stepper Carousel

    动效参考 · 具体条目入口

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

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

  47. Multi Row Alternating Marquee

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、光标、鼠标、指针、滚动、淡入、淡出、AI、人工智能

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

  48. Ambient Glow Hero Header

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、发光、光晕、光标、鼠标、指针、滚动、AI、人工智能、排版、字体

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

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

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

  49. Sticky Feature Scroller

    动效参考 · 具体条目入口

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

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

  50. Nav Dropdown Menu

    动效参考 · 具体条目入口

    相关词：菜单、下拉菜单、导航、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

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

  51. Pill Action Button

    动效参考 · 具体条目入口

    相关词：按钮、悬停、鼠标悬停、背景、光标、鼠标、指针、AI、人工智能

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

  52. Rolling Counter Grid

    动效参考 · 具体条目入口

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

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

  53. Slide Arrow Button

    动效参考 · 具体条目入口

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

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

  54. Ambient Iridescent Orb

    动效参考 · 具体条目入口

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

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

  55. Interactive Feature Card Grid

    动效参考 · 具体条目入口

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

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

  56. Timeline Milestone Carousel

    动效参考 · 具体条目入口

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

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

  57. Inline Category Nav Cloud

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、AI、人工智能

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

  58. Morphing Dropdown Nav

    动效参考 · 具体条目入口

    相关词：下拉菜单、导航、导航栏、列表、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI

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

  59. Fullscreen Overlay Menu

    动效参考 · 具体条目入口

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

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

  60. Segmented Pill Tabs

    动效参考 · 具体条目入口

    相关词：标签页、选项卡、列表、光标、鼠标、指针、文字、文本、AI、人工智能

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

  61. Portal Preloader Hero

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、加载、转圈、光标、鼠标、指针、滚动、动画、动效、AI、人工智能

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

  62. Organic Silhouette Content Section

    动效参考 · 具体条目入口

    相关词：按钮、徽章、状态标签、光标、鼠标、指针、滚动、文字、文本、AI、人工智能、图标

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

  63. Pill Cta Button

    动效参考 · 具体条目入口

    相关词：按钮、列表、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

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

  64. Media Gallery Lightbox

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、网格、搜索、悬停、鼠标悬停、光标、鼠标、指针、动画、动效

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

  65. Shared Tray Mega Menu

    动效参考 · 具体条目入口

    相关词：菜单、下拉菜单、导航、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI、人工智能

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

  66. Feature Gallery Showcase

    动效参考 · 具体条目入口

    相关词：按钮、进度条、光标、鼠标、指针、文字、文本、画廊、图片展示、AI、人工智能

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

  67. Carousel Slide Animation With Transition

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、动画、动效、交互、AI、人工智能

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

  68. Hatch Reveal Showcase

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、光标、鼠标、指针、滚动、揭示、出现、入场、AI、人工智能

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

  69. Flanked Hover Link List

    动效参考 · 具体条目入口

    相关词：导航、列表、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、动画、动效、AI

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

  70. Hero Cloud Drift Badge

    动效参考 · 具体条目入口

    相关词：按钮、徽章、状态标签、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、动画、动效

    已核验画面：居中首屏、浅色、鲜明色彩 · 2026-10-14

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

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

  71. Parallax Curtain Hero

    动效参考 · 具体条目入口

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

    已核验画面：居中首屏、深色、鲜明色彩 · 2026-10-14

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

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

  72. Vertical Team Marquee

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

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

  73. Retro Stepped Action Button

    动效参考 · 具体条目入口

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

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

  74. Interactive Article List

    动效参考 · 具体条目入口

    相关词：按钮、列表、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

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

  75. Curtain Reveal Footer

    动效参考 · 具体条目入口

    相关词：页脚、光标、鼠标、指针、滚动、揭示、出现、入场、AI、人工智能

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

  76. Pinned Horizontal Card Strip

    动效参考 · 具体条目入口

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

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

  77. Scroll Progress Milestone Timeline

    动效参考 · 具体条目入口

    相关词：折线、线条、徽章、状态标签、卡片、进度条、光标、鼠标、指针、滚动、AI、人工智能

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

  78. Interactive Reputation Graph

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、粒子、光标、鼠标、指针、文字、文本、动画、动效、AI、人工智能

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

  79. Curved Hud Carousel

    动效参考 · 具体条目入口

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

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

  80. Retro Stepped Loop Card

    动效参考 · 具体条目入口

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

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