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

交互动效

Ripplix

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

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

资源与访问条件

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

目录入口

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

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

  1. Swipe Action List Item

    动效参考 · 具体条目入口

    相关词:按钮、列表、光标、鼠标、指针、拖拽、拖动、滑动、手势、AI、人工智能

  2. Stepper Modal Counter

    动效参考 · 具体条目入口

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

  3. Expandable Task Card Flow

    动效参考 · 具体条目入口

    相关词:输入框、卡片、表单、光标、鼠标、指针、文字、文本、AI、人工智能

  4. Drag To Complete List

    动效参考 · 具体条目入口

    相关词:卡片、列表、光标、鼠标、指针、拖拽、拖动、AI、人工智能

  5. Multi Step Onboarding Card

    动效参考 · 具体条目入口

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

  6. Onboarding Step Transition

    动效参考 · 具体条目入口

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

  7. Badge Unlock Celebration

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、按钮、徽章、状态标签、发光、光晕、粒子、彩纸、庆祝、光标

  8. Mood Logger Sheet

    动效参考 · 具体条目入口

    相关词:抽屉、面板、卡片、光标、鼠标、指针、AI、人工智能

  9. Mobile Sheet Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、光标、鼠标、指针、模糊、AI、人工智能

  10. Timeline Event Carousel Drawer

    动效参考 · 具体条目入口

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

  11. Habit Streak Metric Card

    动效参考 · 具体条目入口

    相关词:徽章、状态标签、卡片、光标、鼠标、指针、动画、动效、AI、人工智能

  12. Hydration Mascot Fill

    动效参考 · 具体条目入口

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

  13. Audio Waveform Bars

    动效参考 · 具体条目入口

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

  14. Action Complete Badge Reveal

    动效参考 · 具体条目入口

    相关词:徽章、状态标签、光标、鼠标、指针、揭示、出现、入场、三维、3D、AI、人工智能

  15. Timeline Task Item

    动效参考 · 具体条目入口

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

  16. Button Animation

    动效参考 · 具体条目入口

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

  17. Onboarding Single Select Group

    动效参考 · 具体条目入口

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

  18. Anchored Callout Card

    动效参考 · 具体条目入口

    相关词:气泡、弹出框、按钮、下拉菜单、卡片、光标、鼠标、指针、动画、动效、AI、人工智能

  19. Floating Hero Onboarding Card

    动效参考 · 具体条目入口

    相关词:徽章、状态标签、卡片、首屏、主视觉、页脚、光标、鼠标、指针、AI、人工智能

  20. Sparkle Promo Badge

    动效参考 · 具体条目入口

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

  21. List Animation

    动效参考 · 具体条目入口

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

  22. Animated Share Sheet

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、按钮、光标、鼠标、指针、动画、动效、AI

  23. Mobile Onboarding Carousel

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、卡片、背景、光标、鼠标、指针、动画、动效、AI、人工智能

  24. Animated Tag Selector

    动效参考 · 具体条目入口

    相关词:选择器、下拉选择、标签、搜索、光标、鼠标、指针、翻转、动画、动效、AI、人工智能

  25. Goal Stepper Slider

    动效参考 · 具体条目入口

    相关词:滑块、滑杆、加载、加载动画、光标、鼠标、指针、动画、动效、AI、人工智能、设置

  26. Slide Up Task Modal

    动效参考 · 具体条目入口

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

  27. Multi Step Progress Loader

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、加载、加载动画、进度条、粒子、光标、鼠标、指针、AI、人工智能

  28. Circular Progress Badge

    动效参考 · 具体条目入口

    相关词:环形、圆形、徽章、状态标签、进度条、光标、鼠标、指针、滚动、动画、动效、AI

  29. Quiz Reward Progress Card

    动效参考 · 具体条目入口

    相关词:按钮、卡片、列表、进度条、光标、鼠标、指针、动画、动效、AI、人工智能、星星

  30. Splash Sequence Reel

    动效参考 · 具体条目入口

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

  31. Intake Fill Onboarding Showcase

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、彩纸、庆祝、光标、鼠标、指针、动画、动效、AI、人工智能

  32. Beverage Action Carousel

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、光标、鼠标、指针、拖拽、拖动、滑动、手势、AI、人工智能、图标

  33. Button Animation

    动效参考 · 具体条目入口

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

  34. Reward Unlock Bottom Sheet

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、光标、鼠标、指针、AI、人工智能

  35. Fluid Hydration Reveal

    动效参考 · 具体条目入口

    相关词:按钮、卡片、粒子、光标、鼠标、指针、揭示、出现、入场、动画、动效、AI

  36. Ambient Grid Selector

    动效参考 · 具体条目入口

    相关词:选择器、下拉选择、网格、光标、鼠标、指针、动画、动效、AI、人工智能、关闭、叉号

  37. Segmented Difficulty Selector

    动效参考 · 具体条目入口

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

  38. Expandable Calendar Tracker

    动效参考 · 具体条目入口

    相关词:网格、列表、日历、进度条、光标、鼠标、指针、AI、人工智能

  39. Paywall Plan Selector

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、选择器、下拉选择、定价、价格、用户评价、光标、鼠标、指针、AI、人工智能

  40. Wheel Date Picker

    动效参考 · 具体条目入口

    相关词:光标、鼠标、指针、拖拽、拖动、AI、人工智能

  41. Spotlight Coachmark Tour

    动效参考 · 具体条目入口

    相关词:气泡、弹出框、提示、工具提示、搜索、光标、鼠标、指针、AI、人工智能

  42. Splash To Auth Transition

    动效参考 · 具体条目入口

    相关词:按钮、登录、注册、认证、光标、鼠标、指针、滚动、动画、动效、AI、人工智能

  43. Ios Wheel Picker Sheet

    动效参考 · 具体条目入口

    相关词:抽屉、面板、光标、鼠标、指针、AI、人工智能

  44. Clapping Hands Trust Reveal

    动效参考 · 具体条目入口

    相关词:环形、圆形、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

  45. Subscription Paywall Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、按钮、切换、开关、定价、价格、光标、鼠标、指针、动画

  46. Mobile Dropdown Menu

    动效参考 · 具体条目入口

    相关词:气泡、弹出框、按钮、菜单、下拉菜单、光标、鼠标、指针、淡入、淡出、动画、动效

  47. Story Popover Prompt

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、气泡、弹出框、光标、鼠标、指针、动画、动效、AI、人工智能

  48. Animated Checkbox Group

    动效参考 · 具体条目入口

    相关词:复选框、多选框、通知、消息提示、列表、光标、鼠标、指针、动画、动效、AI、人工智能

  49. Confirmation Bottom Sheet

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、选择器、下拉选择、光标、鼠标、指针、淡入、淡出

  50. Mobile Onboarding Flow

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、通知、消息提示、首屏、主视觉、光标、鼠标、指针、动画、动效、AI

  51. Box Breathing Guide

    动效参考 · 具体条目入口

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

  52. Morphing Bottom Sheet

    动效参考 · 具体条目入口

    相关词:抽屉、面板、按钮、网格、光标、鼠标、指针、动画、动效、交互、AI、人工智能

  53. Promo Ticket Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、光标、鼠标、指针、揭示、出现、入场、AI

  54. Button Animation

    动效参考 · 具体条目入口

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

  55. Wheel Date Picker

    动效参考 · 具体条目入口

    相关词:光标、鼠标、指针、拖拽、拖动、AI、人工智能

  56. Onboarding Select Group

    动效参考 · 具体条目入口

    相关词:选择器、下拉选择、背景、光标、鼠标、指针、文字、文本、AI、人工智能

  57. Button Animation

    动效参考 · 具体条目入口

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

  58. Mobile Onboarding Step Carousel

    动效参考 · 具体条目入口

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

  59. Sliding Boarding Pass Sheet

    动效参考 · 具体条目入口

    相关词:抽屉、面板、卡片、光标、鼠标、指针、交互、动效、AI、人工智能

  60. Map Style Popover Selector

    动效参考 · 具体条目入口

    相关词:气泡、弹出框、抽屉、面板、选择器、下拉选择、切换、开关、光标、鼠标、指针、动画

  61. Swipeable Card Onboarding

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、卡片、光标、鼠标、指针、滑动、手势、AI、人工智能

  62. Ai Mode Selector Popover

    动效参考 · 具体条目入口

    相关词:气泡、弹出框、输入框、选择器、下拉选择、下拉菜单、光标、鼠标、指针、动画、动效、AI

  63. Simmer Task Loader

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、加载、加载动画、进度条、光标、鼠标、指针、动画、动效、AI

  64. Mobile Paywall Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、轮播、轮播图、分页、光标、鼠标、指针、动画、动效、AI

  65. Focus Onboarding Countdown Reveal

    动效参考 · 具体条目入口

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

  66. Draggable Date Range Picker

    动效参考 · 具体条目入口

    相关词:日历、光标、鼠标、指针、拖拽、拖动、AI、人工智能

  67. Sliding Chat Bottom Sheet

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、光标、鼠标、指针、滚动、动画、动效、聊天

  68. Selectable Setting Row

    动效参考 · 具体条目入口

    相关词:抽屉、面板、徽章、状态标签、光标、鼠标、指针、揭示、出现、入场、动画、动效

  69. Mobile Bottom Sheet Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、卡片、光标、鼠标、指针、动画、动效、AI

  70. Chat Metric Carousel

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、图表、进度条、光标、鼠标、指针、动画、动效、聊天、对话、AI

  71. Splash Onboarding Reveal

    动效参考 · 具体条目入口

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

  72. Map Style Selector Sheet

    动效参考 · 具体条目入口

    相关词:抽屉、面板、按钮、选择器、下拉选择、切换、开关、卡片、网格、光标、鼠标、指针

  73. Timeline Flight Selector

    动效参考 · 具体条目入口

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

  74. Discrete Step Slider

    动效参考 · 具体条目入口

    相关词:滑块、滑杆、按钮、光标、鼠标、指针、AI、人工智能

  75. Comparison Trajectory Chart

    动效参考 · 具体条目入口

    相关词:图表、光标、鼠标、指针、揭示、出现、入场、动画、动效、AI、人工智能

  76. Splash Morph Mascot

    动效参考 · 具体条目入口

    相关词:徽章、状态标签、背景、光标、鼠标、指针、滚动、动画、动效、AI、人工智能

  77. Expandable Audio Player

    动效参考 · 具体条目入口

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

  78. Mobile Filter Bottom Sheet

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、光标、鼠标、指针、淡入、淡出、AI、人工智能

  79. Snap Focus Card Carousel

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、轮播、轮播图、卡片、光标、鼠标、指针、动画、动效、拖拽

  80. Story Dialogue Stepper

    动效参考 · 具体条目入口

    相关词:进度条、光标、鼠标、指针、AI、人工智能