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

交互动效

Ripplix

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

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

资源与访问条件

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

目录入口

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

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

  1. Challenge Intro Modal

    动效参考 · 具体条目入口

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

  2. Floating Action Sheet

    动效参考 · 具体条目入口

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

  3. Subscription Activity Ticker

    动效参考 · 具体条目入口

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

  4. Multi Step Onboarding Showcase

    动效参考 · 具体条目入口

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

  5. Segmented Slide Transcript Switcher

    动效参考 · 具体条目入口

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

  6. Device Hero Ambient Card

    动效参考 · 具体条目入口

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

  7. Orbit App Blocker

    动效参考 · 具体条目入口

    相关词:环形、圆形、徽章、状态标签、光标、鼠标、指针、滚动、AI、人工智能、锁、安全

  8. Contextual Action Sheet

    动效参考 · 具体条目入口

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

  9. Mobile Bottom Sheet Modal

    动效参考 · 具体条目入口

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

  10. Floating Action Speed Dial

    动效参考 · 具体条目入口

    相关词:按钮、菜单、下拉菜单、光标、鼠标、指针、AI、人工智能

  11. Mobile Mode Drawer

    动效参考 · 具体条目入口

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

  12. Filter Sheet Modal

    动效参考 · 具体条目入口

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

  13. Ai Generation Loader

    动效参考 · 具体条目入口

    相关词:徽章、状态标签、卡片、加载、加载动画、进度条、涟漪、波纹、光标、鼠标、指针、AI

  14. Booking Category Tabs

    动效参考 · 具体条目入口

    相关词:标签页、选项卡、表单、搜索、光标、鼠标、指针、动画、动效、AI、人工智能、图标

  15. Horizontal Ruler Picker

    动效参考 · 具体条目入口

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

  16. Gamified Challenge Modal

    动效参考 · 具体条目入口

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

  17. Fitness Metric Timeframe Chart

    动效参考 · 具体条目入口

    相关词:图表、光标、鼠标、指针、动画、动效、AI、人工智能、仪表盘、后台

  18. Ios Bottom Popover Menu

    动效参考 · 具体条目入口

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

  19. Radial Drag Timer Completion

    动效参考 · 具体条目入口

    相关词:环形、圆形、粒子、光标、鼠标、指针、拖拽、拖动、AI、人工智能、用户

  20. Radial Goal Progress

    动效参考 · 具体条目入口

    相关词:环形、圆形、卡片、进度条、光标、鼠标、指针、动画、动效、AI、人工智能

  21. Verification Status Transition

    动效参考 · 具体条目入口

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

  22. Onboarding Step Flow

    动效参考 · 具体条目入口

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

  23. Filter Tasks Bottom Sheet

    动效参考 · 具体条目入口

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

  24. Tag Color Picker Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、气泡、弹出框、输入框、选择器、下拉选择、标签、光标、鼠标、指针

  25. Focus Session Timer

    动效参考 · 具体条目入口

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

  26. Status Step Loader

    动效参考 · 具体条目入口

    相关词:徽章、状态标签、加载、加载动画、进度条、光标、鼠标、指针、文字、文本、动画、动效

  27. Single Select Pill List

    动效参考 · 具体条目入口

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

  28. Weekly Activity Chart

    动效参考 · 具体条目入口

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

  29. Astronomical Time Scrubber

    动效参考 · 具体条目入口

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

  30. Expandable Select Group

    动效参考 · 具体条目入口

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

  31. Select Animation

    动效参考 · 具体条目入口

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

  32. Onboarding Bubble Selector

    动效参考 · 具体条目入口

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

  33. Mobile Onboarding Flow

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、按钮、进度条、光标、鼠标、指针、淡入、淡出、动画、动效、AI

  34. Animated Task Checklist

    动效参考 · 具体条目入口

    相关词:单选框、列表、光标、鼠标、指针、淡入、淡出、动画、动效、AI、人工智能

  35. Bouncing Dots Loading Button

    动效参考 · 具体条目入口

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

  36. Focus Onboarding Intro

    动效参考 · 具体条目入口

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

  37. Wheel Date Picker

    动效参考 · 具体条目入口

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

  38. Onboarding Crossfade Carousel

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、分页、背景、光标、鼠标、指针、文字、文本、动画、动效、AI

  39. Ai Chat Dock

    动效参考 · 具体条目入口

    相关词:输入框、程序坞、导航、光标、鼠标、指针、聊天、对话、AI、人工智能、思考状态

  40. Swipeable Action Row

    动效参考 · 具体条目入口

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

  41. Splash Onboarding Flow

    动效参考 · 具体条目入口

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

  42. Mobile Onboarding Tour

    动效参考 · 具体条目入口

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

  43. Stats Rotating Badge Card

    动效参考 · 具体条目入口

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

  44. Auto Advancing Onboarding Carousel

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、背景、光标、鼠标、指针、文字、文本、AI、人工智能

  45. Isometric Tile Onboarding

    动效参考 · 具体条目入口

    相关词:卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、三维、3D、AI、人工智能

  46. Paywall Plan Selector

    动效参考 · 具体条目入口

    相关词:按钮、选择器、下拉选择、徽章、状态标签、卡片、定价、价格、页脚、光标、鼠标、指针

  47. Map Bottom Sheet Drawer

    动效参考 · 具体条目入口

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

  48. Luxury Hero Carousel

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、导航、首屏、主视觉、光标、鼠标、指针、动画、动效、AI、人工智能

  49. Real Estate Card Carousel

    动效参考 · 具体条目入口

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

  50. Ekg Pulse Splash

    动效参考 · 具体条目入口

    相关词:发光、光晕、光标、鼠标、指针、滚动、动画、动效、AI、人工智能、排版、字体

  51. Multi Step Onboarding Pricing Sheet

    动效参考 · 具体条目入口

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

  52. Snap Card Carousel

    动效参考 · 具体条目入口

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

  53. Wheel Time Picker

    动效参考 · 具体条目入口

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

  54. Celestial Onboarding Modal Flow

    动效参考 · 具体条目入口

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

  55. Collapsible Section Group

    动效参考 · 具体条目入口

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

  56. Splash To Onboarding Transition

    动效参考 · 具体条目入口

    相关词:导航、光标、鼠标、指针、滚动、动画、动效、AI、人工智能、排版、字体

  57. Breathing Bubble Guide

    动效参考 · 具体条目入口

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

  58. Step Onboarding Flow

    动效参考 · 具体条目入口

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

  59. Theme Selector Accordion

    动效参考 · 具体条目入口

    相关词:手风琴、折叠面板、选择器、下拉选择、下拉菜单、卡片、光标、鼠标、指针、动画、动效、AI

  60. Expandable Scene Card Gallery

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、气泡、弹出框、轮播、轮播图、卡片、光标、鼠标、指针、画廊

  61. Dual Dot Pulse Loader

    动效参考 · 具体条目入口

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

  62. Centered Sphere Carousel

    动效参考 · 具体条目入口

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

  63. Habit Multi Select Grid

    动效参考 · 具体条目入口

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

  64. Celestial Dive Intro

    动效参考 · 具体条目入口

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

  65. Paywall Plan Selector

    动效参考 · 具体条目入口

    相关词:选择器、下拉选择、单选框、卡片、列表、定价、价格、背景、光标、鼠标、指针、动画

  66. Detail Bottom Sheet Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、首屏、主视觉、光标、鼠标、指针、图片、AI

  67. Celebration Badge Drop

    动效参考 · 具体条目入口

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

  68. Focus Timer Dial

    动效参考 · 具体条目入口

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

  69. Voice Plan Capture

    动效参考 · 具体条目入口

    相关词:输入框、发光、光晕、光标、鼠标、指针、文字、文本、动画、动效、AI、人工智能

  70. Glass Card Carousel

    动效参考 · 具体条目入口

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

  71. Focus Timer Toggle

    动效参考 · 具体条目入口

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

  72. Animated Metric Bars

    动效参考 · 具体条目入口

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

  73. Sheet Modal Onboarding Reveal

    动效参考 · 具体条目入口

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

  74. Staggered Category Menu

    动效参考 · 具体条目入口

    相关词:菜单、导航、搜索、加载、加载动画、光标、鼠标、指针、AI、人工智能

  75. Slide Up Modal Sheet

    动效参考 · 具体条目入口

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

  76. Media Onboarding Hero

    动效参考 · 具体条目入口

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

  77. Histogram Range Slider

    动效参考 · 具体条目入口

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

  78. Circular Arc Slider

    动效参考 · 具体条目入口

    相关词:环形、圆形、滑块、滑杆、光标、鼠标、指针、动画、动效、拖拽、拖动、AI

  79. Radial Step Loader

    动效参考 · 具体条目入口

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

  80. Stepper Blur Counter

    动效参考 · 具体条目入口

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