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

交互动效

Ripplix

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

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

资源与访问条件

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

目录入口

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

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

  1. Mobile Search Header Tabs

    动效参考 · 具体条目入口

    相关词:标签页、选项卡、导航、搜索、光标、鼠标、指针、AI、人工智能

  2. Item Option Order Modal

    动效参考 · 具体条目入口

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

  3. Collapsible Store Header

    动效参考 · 具体条目入口

    相关词:标签页、选项卡、导航、首屏、主视觉、光标、鼠标、指针、滚动、图片、AI、人工智能

  4. Bottom Sheet Animation

    动效参考 · 具体条目入口

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

  5. Stepped Rating Slider

    动效参考 · 具体条目入口

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

  6. Invite Verification Sheet

    动效参考 · 具体条目入口

    相关词:抽屉、面板、按钮、卡片、加载、加载动画、光标、鼠标、指针、AI、人工智能

  7. Segmented Tab Control

    动效参考 · 具体条目入口

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

  8. Product Option Selector Action Bar

    动效参考 · 具体条目入口

    相关词:提示、气泡、工具提示、单选框、表单、光标、鼠标、指针、滚动、AI、人工智能

  9. App Splash Onboarding Sequence

    动效参考 · 具体条目入口

    相关词:加载、加载动画、转圈、光标、鼠标、指针、滚动、揭示、出现、入场、AI、人工智能

  10. Search Animation

    动效参考 · 具体条目入口

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

  11. Reward Claim Transition

    动效参考 · 具体条目入口

    相关词:光标、鼠标、指针、滚动、淡入、淡出、AI、人工智能、仪表盘、后台

  12. Discrete Step Slider

    动效参考 · 具体条目入口

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

  13. Celebration Reward Reveal

    动效参考 · 具体条目入口

    相关词:徽章、状态标签、粒子、彩纸、庆祝、光标、鼠标、指针、揭示、出现、入场、动画

  14. Morphing Fullscreen Search

    动效参考 · 具体条目入口

    相关词:按钮、输入框、列表、搜索、光标、鼠标、指针、AI、人工智能

  15. Expandable Order Sheet

    动效参考 · 具体条目入口

    相关词:抽屉、面板、切换、开关、卡片、光标、鼠标、指针、揭示、出现、入场、AI

  16. Tri State Permission Toggle

    动效参考 · 具体条目入口

    相关词:复选框、多选框、开关、切换、光标、鼠标、指针、动画、动效、AI、人工智能、图标

  17. Mobile Fullscreen Filter Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、下拉菜单、列表、光标、鼠标、指针、模糊、AI、人工智能

  18. Multi City Flight Builder

    动效参考 · 具体条目入口

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

  19. Nested Accordion Sheet

    动效参考 · 具体条目入口

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

  20. Nested Accordion List

    动效参考 · 具体条目入口

    相关词:手风琴、折叠面板、菜单、下拉菜单、列表、光标、鼠标、指针、AI、人工智能

  21. Expandable Amenities Grid

    动效参考 · 具体条目入口

    相关词:按钮、网格、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

  22. Copy Feedback Button

    动效参考 · 具体条目入口

    相关词:按钮、消息提示、轻提示、背景、光标、鼠标、指针、动画、动效、AI、人工智能、图标

  23. Expandable Spends Chart Detail

    动效参考 · 具体条目入口

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

  24. Gift Box Reward Reveal

    动效参考 · 具体条目入口

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

  25. Morph Animation

    动效参考 · 具体条目入口

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

  26. Fintech Payment Bottom Sheet

    动效参考 · 具体条目入口

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

  27. Circular Amount Slider

    动效参考 · 具体条目入口

    相关词:环形、圆形、滑块、滑杆、进度条、光标、鼠标、指针、AI、人工智能、地图

  28. Asset Detail Card Transition

    动效参考 · 具体条目入口

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

  29. Snap Peek Carousel

    动效参考 · 具体条目入口

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

  30. Mobile Bottom Sheet Picker

    动效参考 · 具体条目入口

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

  31. Slide Over Screen

    动效参考 · 具体条目入口

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

  32. Search Result Detail Reveal

    动效参考 · 具体条目入口

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

  33. Date Range Picker Sheet

    动效参考 · 具体条目入口

    相关词:抽屉、面板、徽章、状态标签、日历、光标、鼠标、指针、动画、动效、AI、人工智能

  34. Filter Theme Sheet

    动效参考 · 具体条目入口

    相关词:抽屉、面板、选择器、下拉选择、列表、光标、鼠标、指针、动画、动效、AI、人工智能

  35. Cancellation Bottom Sheet Flow

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、按钮、选择器、下拉选择、单选框、加载、加载动画、光标

  36. Category Pill Ticker

    动效参考 · 具体条目入口

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

  37. Auto Advancing Feature Carousel

    动效参考 · 具体条目入口

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

  38. Fintech Bottom Sheet Modal

    动效参考 · 具体条目入口

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

  39. Character Range Slider

    动效参考 · 具体条目入口

    相关词:提示、气泡、工具提示、滑块、滑杆、徽章、状态标签、进度条、光标、鼠标、指针、动画

  40. Modal Mode Destination Selector

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、选择器、下拉选择、列表、光标、鼠标、指针、AI、人工智能

  41. Unlock Reward Badge

    动效参考 · 具体条目入口

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

  42. Overlay Animation

    动效参考 · 具体条目入口

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

  43. Slide Up Bottom Sheet

    动效参考 · 具体条目入口

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

  44. Fintech Action Sheet

    动效参考 · 具体条目入口

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

  45. Feedback Bottom Sheet

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、按钮、选择器、下拉选择、光标、鼠标、指针、动画

  46. Mood Checkin Flow

    动效参考 · 具体条目入口

    相关词:抽屉、面板、按钮、标签、卡片、光标、鼠标、指针、AI、人工智能、勾选、成功

  47. Swipeable List Item Actions

    动效参考 · 具体条目入口

    相关词:抽屉、面板、按钮、列表、光标、鼠标、指针、滑动、手势、AI、人工智能

  48. Mobile Slide Sheet

    动效参考 · 具体条目入口

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

  49. Filter Bottom Sheet Grid

    动效参考 · 具体条目入口

    相关词:抽屉、面板、网格、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

  50. Rotate Animation

    动效参考 · 具体条目入口

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

  51. Canvas Asset Loader

    动效参考 · 具体条目入口

    相关词:环形、圆形、加载、加载动画、转圈、进度条、光标、鼠标、指针、滚动、AI、人工智能

  52. Mobile Filter Bottom Sheet

    动效参考 · 具体条目入口

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

  53. Onboarding Survey Step Flow

    动效参考 · 具体条目入口

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

  54. Onboarding Goal Selector

    动效参考 · 具体条目入口

    相关词:按钮、选择器、下拉选择、切换、开关、列表、光标、鼠标、指针、动画、动效、AI

  55. Button Animation

    动效参考 · 具体条目入口

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

  56. Wheel Time Picker Modal

    动效参考 · 具体条目入口

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

  57. Mood Selection Bottom Sheet

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、选择器、下拉选择、网格、光标、鼠标、指针、动画

  58. Paywall Sheet Modal

    动效参考 · 具体条目入口

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

  59. In App Browser Modal

    动效参考 · 具体条目入口

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

  60. Walkthrough Coachmark Tooltip

    动效参考 · 具体条目入口

    相关词:提示、气泡、工具提示、导航、徽章、状态标签、光标、鼠标、指针、AI、人工智能

  61. Modal Sheet Settings

    动效参考 · 具体条目入口

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

  62. Loading To Success Morph

    动效参考 · 具体条目入口

    相关词:环形、圆形、按钮、徽章、状态标签、加载、加载动画、光标、鼠标、指针、揭示、出现

  63. Expandable Scene Card Carousel

    动效参考 · 具体条目入口

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

  64. Date Picker Bottom Sheet

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、选择器、下拉选择、标签页、选项卡、网格、光标、鼠标

  65. Progressive Step Checklist

    动效参考 · 具体条目入口

    相关词:列表、加载、加载动画、转圈、光标、鼠标、指针、AI、人工智能

  66. Collapsible Dashboard Panel

    动效参考 · 具体条目入口

    相关词:背景、光标、鼠标、指针、滚动、揭示、出现、入场、AI、人工智能、仪表盘、后台

  67. Mood Checkin Modal Flow

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、卡片、光标、鼠标、指针、淡入、淡出、动画、动效、AI

  68. Selectable Scene Card Rail

    动效参考 · 具体条目入口

    相关词:徽章、状态标签、卡片、发光、光晕、光标、鼠标、指针、滚动、动画、动效、AI

  69. Expandable Category Drawer

    动效参考 · 具体条目入口

    相关词:抽屉、网格、列表、光标、鼠标、指针、AI、人工智能

  70. Sticky Section Reveal

    动效参考 · 具体条目入口

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

  71. Spatial Grid Canvas Navigator

    动效参考 · 具体条目入口

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

  72. Magnetic Morph Button

    动效参考 · 具体条目入口

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

  73. Intro Hero Reveal

    动效参考 · 具体条目入口

    相关词:卡片、首屏、主视觉、光标、鼠标、指针、揭示、出现、入场、动画、动效、AI

  74. Auto Advancing Hero Showcase

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、分页、首屏、主视觉、光标、鼠标、指针、AI、人工智能、排版、字体

    已核验画面:左对齐首屏、浅色、鲜明色彩 · 2026-10-14

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

  75. Floating Target Button

    动效参考 · 具体条目入口

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

  76. Zero Gravity Hero

    动效参考 · 具体条目入口

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

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

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

  77. Hero Bottom Card Deck Reveal

    动效参考 · 具体条目入口

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

  78. Agency Masked Text Reveal

    动效参考 · 具体条目入口

    相关词:折线、线条、导航、光标、鼠标、指针、滚动、揭示、出现、入场、文字、文本

  79. Magnetic Pill Button

    动效参考 · 具体条目入口

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

  80. Vertical Marquee Preview List

    动效参考 · 具体条目入口

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