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

交互动效

Ripplix

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

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

资源与访问条件

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

目录入口

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

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

  1. Expense Category Bubble Stream

    动效参考 · 具体条目入口

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

  2. Staggered Highlight List

    动效参考 · 具体条目入口

    相关词:按钮、徽章、状态标签、列表、光标、鼠标、指针、揭示、出现、入场、淡入、淡出

  3. Multi Color Orbital Loader

    动效参考 · 具体条目入口

    相关词:环形、圆形、加载、加载动画、光标、鼠标、指针、滚动、文字、文本、动画、动效

  4. Ambient Floating Items Hero

    动效参考 · 具体条目入口

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

  5. Expandable Journal Card

    动效参考 · 具体条目入口

    相关词:手风琴、折叠面板、卡片、光标、鼠标、指针、AI、人工智能

  6. Tier Switch Paywall

    动效参考 · 具体条目入口

    相关词:按钮、选择器、下拉选择、开关、定价、价格、光标、鼠标、指针、动画、动效、AI

  7. Ai Generation Card

    动效参考 · 具体条目入口

    相关词:卡片、加载、加载动画、进度条、光标、鼠标、指针、动画、动效、图片、AI、人工智能

  8. Welcome Celebration Sheet

    动效参考 · 具体条目入口

    相关词:气泡、弹出框、抽屉、面板、按钮、卡片、光标、鼠标、指针、AI、人工智能

  9. Notification Permission Prompt

    动效参考 · 具体条目入口

    相关词:警告、提示、按钮、通知、消息提示、卡片、光标、鼠标、指针、动画、动效、AI

  10. 3D Badge Reveal Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、徽章、状态标签、发光、光晕、光标、鼠标、指针、揭示、出现

  11. Swipeable Lesson Card Stack

    动效参考 · 具体条目入口

    相关词:导航、卡片、光标、鼠标、指针、揭示、出现、入场、拖拽、拖动、滑动、手势

  12. Finance Chart Breakdown Card

    动效参考 · 具体条目入口

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

  13. Breathing Pacer Guide

    动效参考 · 具体条目入口

    相关词:头像、光标、鼠标、指针、文字、文本、动画、动效、AI、人工智能

  14. Glowing Step Progress Loader

    动效参考 · 具体条目入口

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

  15. Hold To Confirm Fingerprint

    动效参考 · 具体条目入口

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

  16. Pulsing Beacon Gauge

    动效参考 · 具体条目入口

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

  17. Paywall Discount Step Transition

    动效参考 · 具体条目入口

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

  18. Wheel Bottom Sheet Picker

    动效参考 · 具体条目入口

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

  19. Rating Social Proof Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、卡片、首屏、主视觉、光标、鼠标、指针、滚动、AI、人工智能

  20. Particle Animation

    动效参考 · 具体条目入口

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

  21. Celebration Action Sheet

    动效参考 · 具体条目入口

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

  22. Circular Avatar Progress

    动效参考 · 具体条目入口

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

  23. Anchored Floating Tooltip

    动效参考 · 具体条目入口

    相关词:提示、气泡、工具提示、按钮、光标、鼠标、指针、AI、人工智能

  24. Featured Card Reveal

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、卡片、光标、鼠标、指针、滚动、揭示、出现、入场、淡入、淡出

  25. Arch Palette Wheel

    动效参考 · 具体条目入口

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

  26. Book Cover Swatch Picker

    动效参考 · 具体条目入口

    相关词:环形、圆形、光标、鼠标、指针、动画、动效、三维、3D、AI、人工智能

  27. Promo Paywall Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、卡片、定价、价格、光标、鼠标、指针、动画、动效、AI

  28. Multi Step Bottom Sheet Stepper

    动效参考 · 具体条目入口

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

  29. Focus Session Timer

    动效参考 · 具体条目入口

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

  30. Sleeping Face Empty State

    动效参考 · 具体条目入口

    相关词:折线、线条、空状态、粒子、光标、鼠标、指针、动画、动效、AI、人工智能

  31. Word Prune Tangram Card

    动效参考 · 具体条目入口

    相关词:卡片、粒子、光标、鼠标、指针、AI、人工智能

  32. Splash To Onboarding Transition

    动效参考 · 具体条目入口

    相关词:抽屉、面板、首屏、主视觉、光标、鼠标、指针、滚动、AI、人工智能

  33. Modal Share Carousel Sheet

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、轮播、轮播图、切换、开关、分页、卡片、光标

  34. Heading Compass Dial

    动效参考 · 具体条目入口

    相关词:导航、光标、鼠标、指针、AI、人工智能、锁、安全

  35. Horizontal Ruler Picker

    动效参考 · 具体条目入口

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

  36. Splash Path Onboarding

    动效参考 · 具体条目入口

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

  37. Radial Icon Assembly

    动效参考 · 具体条目入口

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

  38. Loop Animation

    动效参考 · 具体条目入口

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

  39. Icon Selection Grid

    动效参考 · 具体条目入口

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

  40. Dual Orbital Loader

    动效参考 · 具体条目入口

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

  41. Mobile Card Carousel Expand

    动效参考 · 具体条目入口

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

  42. Button Animation

    动效参考 · 具体条目入口

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

  43. Fluid Intake Tracker

    动效参考 · 具体条目入口

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

  44. Wheel Picker Bottom Sheet

    动效参考 · 具体条目入口

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

  45. Mobile Feature Card Carousel

    动效参考 · 具体条目入口

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

  46. Particle Onboarding Walkthrough

    动效参考 · 具体条目入口

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

  47. Onboarding Feature Carousel

    动效参考 · 具体条目入口

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

  48. Notification Frequency Scheduler

    动效参考 · 具体条目入口

    相关词:通知、消息提示、光标、鼠标、指针、AI、人工智能

  49. Story Tuning Stack

    动效参考 · 具体条目入口

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

  50. Botanical Streak Reveal

    动效参考 · 具体条目入口

    相关词:折线、线条、光标、鼠标、指针、滚动、揭示、出现、入场、动画、动效、AI

  51. Badge Celebration Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、气泡、弹出框、徽章、状态标签、发光、光晕、光标、鼠标、指针

  52. Interactive Bar Chart Scrubber

    动效参考 · 具体条目入口

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

  53. Step Progression Checklist

    动效参考 · 具体条目入口

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

  54. Celestial Onboarding Illustration

    动效参考 · 具体条目入口

    相关词:折线、线条、列表、光标、鼠标、指针、AI、人工智能

  55. Guided Onboarding Tour

    动效参考 · 具体条目入口

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

  56. Walkthrough Onboarding Callout

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、轮播、轮播图、导航、光标、鼠标、指针、文字、文本、动画

  57. Bottom Sheet Wheel Picker

    动效参考 · 具体条目入口

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

  58. Tier Pricing Selector Sheet

    动效参考 · 具体条目入口

    相关词:抽屉、面板、选择器、下拉选择、定价、价格、光标、鼠标、指针、动画、动效、AI

  59. Voice Input Dock

    动效参考 · 具体条目入口

    相关词:输入框、程序坞、导航、光标、鼠标、指针、AI、人工智能

  60. Shared Card Expansion View

    动效参考 · 具体条目入口

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

  61. Breathing Dot Matrix

    动效参考 · 具体条目入口

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

  62. Mobile Onboarding Stepper

    动效参考 · 具体条目入口

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

  63. Sliding Side Drawer

    动效参考 · 具体条目入口

    相关词:抽屉、菜单、导航、光标、鼠标、指针、AI、人工智能

  64. Floating Preview Bottom Sheet

    动效参考 · 具体条目入口

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

  65. Vertical Card Deck Slider

    动效参考 · 具体条目入口

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

  66. Voice Search Bar

    动效参考 · 具体条目入口

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

  67. Conversational Step Reveal

    动效参考 · 具体条目入口

    相关词:按钮、消息提示、光标、鼠标、指针、揭示、出现、入场、打字机、打字、聊天、对话

  68. Tinder Card Swipe Stack

    动效参考 · 具体条目入口

    相关词:徽章、状态标签、卡片、光标、鼠标、指针、拖拽、拖动、滑动、手势、AI、人工智能

  69. Angled Coverflow Carousel

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、卡片、进度条、光标、鼠标、指针、动画、动效、三维、3D、AI

  70. Breathing Particle Card Grid

    动效参考 · 具体条目入口

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

  71. Morphing Tag Popover

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、气泡、弹出框、菜单、徽章、状态标签、标签、光标、鼠标、指针

  72. Layered Media Stack Carousel

    动效参考 · 具体条目入口

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

  73. Focus Timer Display

    动效参考 · 具体条目入口

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

  74. Action Menu Popover

    动效参考 · 具体条目入口

    相关词:气泡、弹出框、按钮、菜单、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

  75. Topic Preference Selector

    动效参考 · 具体条目入口

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

  76. Breathwork Cycle Guide

    动效参考 · 具体条目入口

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

  77. Mood Quadrant Selector

    动效参考 · 具体条目入口

    相关词:环形、圆形、选择器、下拉选择、光标、鼠标、指针、AI、人工智能、勾选、成功、关闭

  78. Week Calendar Tabs

    动效参考 · 具体条目入口

    相关词:按钮、标签页、选项卡、日历、光标、鼠标、指针、动画、动效、AI、人工智能

  79. Orbital Status Loader

    动效参考 · 具体条目入口

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

  80. Onboarding Feature Sheet

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、气泡、弹出框、抽屉、面板、轮播、轮播图、光标、鼠标、指针