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

交互动效

Ripplix

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

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

资源与访问条件

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

目录入口

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

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

  1. Dynamic Pill Navbar

    动效参考 · 具体条目入口

    相关词:标签页、选项卡、导航、导航栏、光标、鼠标、指针、动画、动效、AI、人工智能、图标

  2. Intake Stepper Reminder Sheet

    动效参考 · 具体条目入口

    相关词:手风琴、折叠面板、弹窗、对话框、模态框、抽屉、面板、切换、开关、卡片、光标、鼠标

  3. Mobile Horizontal Card Carousel

    动效参考 · 具体条目入口

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

  4. Coachmark Onboarding Overlay

    动效参考 · 具体条目入口

    相关词:卡片、搜索、光标、鼠标、指针、交互、动效、AI、人工智能

  5. Modal Color Picker Creator

    动效参考 · 具体条目入口

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

  6. Modal Task Creator Dialog

    动效参考 · 具体条目入口

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

  7. Ai Action Chip

    动效参考 · 具体条目入口

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

  8. Ai Generation Grid

    动效参考 · 具体条目入口

    相关词:网格、加载、加载动画、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

  9. Sidebar Action Modal Flow

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、菜单、下拉菜单、侧边栏、光标、鼠标、指针、AI、人工智能、设置

  10. Expandable Plan Card

    动效参考 · 具体条目入口

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

  11. Habit Binary Toggle Row

    动效参考 · 具体条目入口

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

  12. Liquid Stepper Bottom Sheet

    动效参考 · 具体条目入口

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

  13. Mobile Action Dropdown

    动效参考 · 具体条目入口

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

  14. Activity Status Sheet

    动效参考 · 具体条目入口

    相关词:抽屉、面板、单选框、徽章、状态标签、列表、光标、鼠标、指针、AI、人工智能、设置

  15. Paywall Billing Toggle Timeline

    动效参考 · 具体条目入口

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

  16. Confetti Success Overlay

    动效参考 · 具体条目入口

    相关词:按钮、粒子、彩纸、庆祝、光标、鼠标、指针、淡入、淡出、三维、3D、AI

  17. Metric Increment Logger

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、输入框、徽章、状态标签、列表、进度条、光标、鼠标

  18. Paywall Particle Modal

    动效参考 · 具体条目入口

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

  19. Perspective Fanned Card Carousel

    动效参考 · 具体条目入口

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

  20. Ai Prompt Composer Dock

    动效参考 · 具体条目入口

    相关词:气泡、弹出框、抽屉、轮播、轮播图、输入框、选择器、下拉选择、程序坞、导航、头像、光标

  21. Media Actor Select Grid

    动效参考 · 具体条目入口

    相关词:选择器、下拉选择、卡片、网格、光标、鼠标、指针、滚动、视频、AI、人工智能、收藏

  22. Expandable Prompt Dock

    动效参考 · 具体条目入口

    相关词:程序坞、导航、徽章、状态标签、加载、加载动画、光标、鼠标、指针、揭示、出现、入场

  23. Publish Post Modal

    动效参考 · 具体条目入口

    相关词:手风琴、折叠面板、弹窗、对话框、模态框、切换、开关、标签、光标、鼠标、指针、动画

  24. Guided Tour Tooltip

    动效参考 · 具体条目入口

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

  25. Subscription Upgrade Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、按钮、表格、数据表格、切换、开关、卡片、定价、价格、光标

  26. Ai Prompt Hero Input

    动效参考 · 具体条目入口

    相关词:输入框、首屏、主视觉、上传、光标、鼠标、指针、文字、文本、动画、动效、AI

    已核验画面:居中首屏、操作或表单入口、浅色、简洁留白 · 2026-10-14

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

  27. Tutorial Drawer Dropdown

    动效参考 · 具体条目入口

    相关词:抽屉、下拉菜单、光标、鼠标、指针、滚动、AI、人工智能、关闭

  28. Template Preview Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、消息提示、轻提示、光标、鼠标、指针、淡入、淡出、AI、人工智能

  29. Category Tab Switcher

    动效参考 · 具体条目入口

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

  30. Ai Settings Accordion Panel

    动效参考 · 具体条目入口

    相关词:手风琴、折叠面板、按钮、切换、开关、侧边栏、光标、鼠标、指针、揭示、出现、入场

  31. Action Dropdown Menu

    动效参考 · 具体条目入口

    相关词:按钮、菜单、下拉菜单、光标、鼠标、指针、揭示、出现、入场、淡入、淡出、AI

  32. Quick Start Carousel

    动效参考 · 具体条目入口

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

  33. Pricing Tier Expandable Features

    动效参考 · 具体条目入口

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

  34. Daily Rewards Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、光标、鼠标、指针、淡入、淡出、AI、人工智能、勾选、成功

  35. Account Credit Popover

    动效参考 · 具体条目入口

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

  36. Pricing Tier Modal Toggle

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、切换、开关、标签、定价、价格、光标、鼠标、指针、AI

  37. Ai Task Progress Card

    动效参考 · 具体条目入口

    相关词:卡片、进度条、光标、鼠标、指针、滚动、聊天、对话、AI、人工智能

  38. Sidebar Hover Pill Nav

    动效参考 · 具体条目入口

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

  39. Ai Sources Drawer

    动效参考 · 具体条目入口

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

  40. Ai Prompt Popover Menu

    动效参考 · 具体条目入口

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

  41. Media Generation Card

    动效参考 · 具体条目入口

    相关词:环形、圆形、徽章、状态标签、卡片、加载、转圈、进度条、光标、鼠标、指针、图片

  42. Settings Modal Dialog

    动效参考 · 具体条目入口

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

  43. Interactive Scrubber Chart

    动效参考 · 具体条目入口

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

  44. Morph Animation

    动效参考 · 具体条目入口

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

  45. Floating Action Menu Popover

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、气泡、弹出框、按钮、菜单、导航、卡片、网格、光标、鼠标

  46. Multi Step Onboarding Flow

    动效参考 · 具体条目入口

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

  47. Mobile Onboarding Carousel

    动效参考 · 具体条目入口

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

  48. Selectable Option List

    动效参考 · 具体条目入口

    相关词:复选框、卡片、列表、光标、鼠标、指针、AI、人工智能

  49. Mobile Settings Bottom Sheet

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、抽屉、面板、切换、开关、导航、页脚、光标、鼠标、指针

  50. Mobile Onboarding Step Slider

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、滑块、滑杆、首屏、主视觉、光标、鼠标、指针、动画、动效、AI

  51. Fluid Paywall Modal

    动效参考 · 具体条目入口

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

  52. Stepped Onboarding Flow

    动效参考 · 具体条目入口

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

  53. Tier Switcher Paywall

    动效参考 · 具体条目入口

    相关词:选择器、下拉选择、标签页、选项卡、定价、价格、背景、光标、鼠标、指针、AI、人工智能

  54. Masonry Feed Grid

    动效参考 · 具体条目入口

    相关词:网格、骨架屏、加载、加载动画、光标、鼠标、指针、滚动、AI、人工智能

  55. Auto Crossfade Banner

    动效参考 · 具体条目入口

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

  56. Scoped Search Dropdown

    动效参考 · 具体条目入口

    相关词:气泡、弹出框、下拉菜单、搜索、光标、鼠标、指针、交互、动效、AI、人工智能

  57. Temporary Chat Switch

    动效参考 · 具体条目入口

    相关词:输入框、开关、光标、鼠标、指针、文字、文本、聊天、对话、AI、人工智能

  58. Word Game Victory Reveal

    动效参考 · 具体条目入口

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

  59. App Onboarding Story Flow

    动效参考 · 具体条目入口

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

  60. Racetrack Onboarding Carousel

    动效参考 · 具体条目入口

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

  61. Orbital Analysis Progress

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、头像、加载、加载动画、进度条、光标、鼠标、指针、动画、动效、AI

  62. Paywall Plan Toggle Selector

    动效参考 · 具体条目入口

    相关词:选择器、下拉选择、开关、切换、卡片、光标、鼠标、指针、AI、人工智能

  63. Celebration Confetti Burst

    动效参考 · 具体条目入口

    相关词:粒子、彩纸、庆祝、光标、鼠标、指针、滚动、三维、3D、AI、人工智能

  64. Creative Tool Category Grid

    动效参考 · 具体条目入口

    相关词:按钮、卡片、网格、悬停、鼠标悬停、渐变、光标、鼠标、指针、AI、人工智能

  65. Multi Step Onboarding Card

    动效参考 · 具体条目入口

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

  66. Mobile Search Drawer Overlay

    动效参考 · 具体条目入口

    相关词:抽屉、输入框、卡片、搜索、光标、鼠标、指针、AI、人工智能

  67. Ambient Status Gradient

    动效参考 · 具体条目入口

    相关词:列表、渐变、背景、光标、鼠标、指针、滚动、文字、文本、动画、动效、AI

  68. Onboarding Declutter Flow

    动效参考 · 具体条目入口

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

  69. Pinch To Summarize Card

    动效参考 · 具体条目入口

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

  70. Splash Onboarding Reveal

    动效参考 · 具体条目入口

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

  71. Incognito Search Sheet

    动效参考 · 具体条目入口

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

  72. Interactive Word Tooltip Hint

    动效参考 · 具体条目入口

    相关词:提示、气泡、工具提示、光标、鼠标、指针、滚动、交互、动效、AI、人工智能、用户

  73. Option Select Feedback Flow

    动效参考 · 具体条目入口

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

  74. Conversational Onboarding Wizard

    动效参考 · 具体条目入口

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

  75. Gamified Quiz Step

    动效参考 · 具体条目入口

    相关词:抽屉、面板、按钮、卡片、网格、进度条、光标、鼠标、指针、动画、动效、AI

  76. Multi Step Onboarding Survey

    动效参考 · 具体条目入口

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

  77. Chest Tier Upgrade

    动效参考 · 具体条目入口

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

  78. Section Picker Sheet

    动效参考 · 具体条目入口

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

  79. Paywall Promo Carousel

    动效参考 · 具体条目入口

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

  80. Subscription Promo Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、页脚、粒子、光标、鼠标、指针、滚动、动画、动效、AI