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

交互动效

Ripplix

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

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

资源与访问条件

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

目录入口

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

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

  1. Synchronized Hero Loader

    动效参考 · 具体条目入口

    相关词:跑马灯、轮播、滚动列表、首屏、主视觉、加载、加载动画、光标、鼠标、指针、滚动、AI

  2. Scroll Feature Stage

    动效参考 · 具体条目入口

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

  3. Interactive Insight List Row

    动效参考 · 具体条目入口

    相关词:徽章、状态标签、列表、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、图片

  4. Angled Text Marquee

    动效参考 · 具体条目入口

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

  5. Topographic Hero Entrance

    动效参考 · 具体条目入口

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

  6. Highlighted Headline Loop

    动效参考 · 具体条目入口

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

  7. Interactive Project Card

    动效参考 · 具体条目入口

    相关词:卡片、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能、箭头

  8. Vertical Step Scroll Progress

    动效参考 · 具体条目入口

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

  9. Interactive Foil Contact Card

    动效参考 · 具体条目入口

    相关词:卡片、首屏、主视觉、光标、鼠标、指针、滚动、AI、人工智能、排版、字体

  10. Continuous Text Ticker

    动效参考 · 具体条目入口

    相关词:跑马灯、轮播、滚动列表、折线、线条、光标、鼠标、指针、滚动、文字、文本、AI

  11. Pan Animation

    动效参考 · 具体条目入口

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

  12. Falling Letter Hover Link

    动效参考 · 具体条目入口

    相关词:悬停、鼠标悬停、光标、鼠标、指针、文字、文本、交错、逐个出现、AI、人工智能

  13. Staggered Parallax Gallery

    动效参考 · 具体条目入口

    相关词:进度条、光标、鼠标、指针、滚动、图片、画廊、图片展示、AI、人工智能

  14. Magnetic Badge Button

    动效参考 · 具体条目入口

    相关词:环形、圆形、按钮、徽章、状态标签、悬停、鼠标悬停、光标、鼠标、指针、动画、动效

  15. Glyph Accent Headline

    动效参考 · 具体条目入口

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

  16. Hud Surveillance Showcase

    动效参考 · 具体条目入口

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

  17. Curved Rotating Text Badge

    动效参考 · 具体条目入口

    相关词:环形、圆形、徽章、状态标签、光标、鼠标、指针、滚动、文字、文本、动画、动效

  18. Arched Card Showcase Slider

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、滑块、滑杆、卡片、背景、光标、鼠标、指针、滚动、动画、动效

  19. Tab View Bar Chart

    动效参考 · 具体条目入口

    相关词:图表、柱状图、导航、光标、鼠标、指针、动画、动效、AI、人工智能

  20. Reorderable Query Step List

    动效参考 · 具体条目入口

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

  21. Contextual Action Menu

    动效参考 · 具体条目入口

    相关词:气泡、弹出框、菜单、光标、鼠标、指针、图片、AI、人工智能

  22. Funnel Step Chart

    动效参考 · 具体条目入口

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

  23. Popover Dropdown Menu

    动效参考 · 具体条目入口

    相关词:气泡、弹出框、按钮、选择器、下拉选择、菜单、下拉菜单、导航、光标、鼠标、指针、动画

  24. Calendar Popover Picker

    动效参考 · 具体条目入口

    相关词:气泡、弹出框、导航、日历、光标、鼠标、指针、AI、人工智能

  25. Sortable Label List

    动效参考 · 具体条目入口

    相关词:按钮、列表、光标、鼠标、指针、翻转、动画、动效、排序、拖拽、AI、人工智能

  26. Header Profile Dropdown

    动效参考 · 具体条目入口

    相关词:气泡、弹出框、菜单、下拉菜单、导航、头像、光标、鼠标、指针、AI、人工智能、用户

  27. Async Schedule Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、日历、加载、加载动画、转圈、光标、鼠标、指针、AI、人工智能

  28. Sliding Notification Drawer

    动效参考 · 具体条目入口

    相关词:抽屉、标签页、选项卡、通知、消息提示、搜索、空状态、光标、鼠标、指针、动画、动效

  29. Command Search Modal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、输入框、搜索、命令、命令面板、光标、鼠标、指针、AI、人工智能

  30. App View Transition

    动效参考 · 具体条目入口

    相关词:开关、导航、光标、鼠标、指针、滚动、揭示、出现、入场、动画、动效、AI

  31. Multi Step Onboarding Wizard

    动效参考 · 具体条目入口

    相关词:折线、线条、徽章、状态标签、进度条、光标、鼠标、指针、淡入、淡出、动画、动效

  32. Expandable Nav Item

    动效参考 · 具体条目入口

    相关词:菜单、导航、侧边栏、光标、鼠标、指针、动画、动效、AI、人工智能

  33. Sidebar Avatar Menu

    动效参考 · 具体条目入口

    相关词:菜单、侧边栏、头像、光标、鼠标、指针、淡入、淡出、AI、人工智能

  34. Modal Dialog Reveal

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、表单、光标、鼠标、指针、滚动、揭示、出现、入场、淡入

  35. Date Range Popover Calendar

    动效参考 · 具体条目入口

    相关词:气泡、弹出框、网格、日历、光标、鼠标、指针、动画、动效、AI、人工智能

  36. Form Success Reveal Card

    动效参考 · 具体条目入口

    相关词:按钮、卡片、表单、注册、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

  37. Isometric Showcase Modal

    动效参考 · 具体条目入口

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

  38. High Five Celebration Illustration

    动效参考 · 具体条目入口

    相关词:空状态、粒子、光标、鼠标、指针、AI、人工智能

  39. Topic Selection Grid

    动效参考 · 具体条目入口

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

  40. Pulsing Loader Input Slot

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、输入框、选择器、下拉选择、表单、加载、加载动画、光标、鼠标、指针、AI

  41. Option Picker Sheet

    动效参考 · 具体条目入口

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

  42. Filter Builder Popover

    动效参考 · 具体条目入口

    相关词:气泡、弹出框、按钮、标签页、选项卡、光标、鼠标、指针、模糊、动画、动效、AI

  43. Ai Modal Typewriter Intro

    动效参考 · 具体条目入口

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

  44. Nested Subnav Sidebar

    动效参考 · 具体条目入口

    相关词:菜单、导航、侧边栏、树形列表、光标、鼠标、指针、动画、动效、AI、人工智能、图标

  45. Automation Toggle Card

    动效参考 · 具体条目入口

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

  46. Onboarding Tour Card

    动效参考 · 具体条目入口

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

  47. Property Filter Dropdown

    动效参考 · 具体条目入口

    相关词:下拉菜单、卡片、搜索、光标、鼠标、指针、AI、人工智能

  48. Selection Modal Dialog

    动效参考 · 具体条目入口

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

  49. Country Card Search Picker

    动效参考 · 具体条目入口

    相关词:输入框、选择器、下拉选择、徽章、状态标签、卡片、搜索、光标、鼠标、指针、动画、动效

  50. Multi Month Date Range Popover

    动效参考 · 具体条目入口

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

  51. Natural Language Recurrence Builder

    动效参考 · 具体条目入口

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

  52. Cascading Topic Selector

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、按钮、单选框、表单、光标、鼠标、指针、动画、动效、AI

  53. Column Visibility Popover

    动效参考 · 具体条目入口

    相关词:气泡、弹出框、选择器、下拉选择、复选框、页脚、光标、鼠标、指针、动画、动效、AI

  54. Inline Editable Accordion List

    动效参考 · 具体条目入口

    相关词:手风琴、折叠面板、列表、表单、光标、鼠标、指针、动画、动效、AI、人工智能、设置

  55. Expandable Color Settings Section

    动效参考 · 具体条目入口

    相关词:手风琴、折叠面板、气泡、弹出框、输入框、光标、鼠标、指针、揭示、出现、入场、动画

  56. Action Dropdown Menu

    动效参考 · 具体条目入口

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

  57. Donut Spending Breakdown

    动效参考 · 具体条目入口

    相关词:表格、数据表格、图表、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

  58. Sidebar Add Menu Dropdown

    动效参考 · 具体条目入口

    相关词:菜单、下拉菜单、侧边栏、光标、鼠标、指针、揭示、出现、入场、淡入、淡出、动画

  59. Workflow Step Picker Modal

    动效参考 · 具体条目入口

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

  60. Inline Sentence Select

    动效参考 · 具体条目入口

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

  61. Automation Rule Card

    动效参考 · 具体条目入口

    相关词:切换、开关、卡片、列表、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI

  62. Workflow Node Modal Dropdown

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、选择器、下拉选择、下拉菜单、光标、鼠标、指针、动画、动效、AI

  63. Automation Creation Flow

    动效参考 · 具体条目入口

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

  64. Async Step Loader

    动效参考 · 具体条目入口

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

  65. Slide Over Side Panel

    动效参考 · 具体条目入口

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

  66. Action Card Grid

    动效参考 · 具体条目入口

    相关词:徽章、状态标签、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能、仪表盘

  67. Collapsible Subnav Rail

    动效参考 · 具体条目入口

    相关词:抽屉、切换、开关、导航、光标、鼠标、指针、AI、人工智能、图标

  68. Modal Dialog Form

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、输入框、单选框、表单、页脚、光标、鼠标、指针、AI、人工智能

  69. Automation Item Config Card

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、按钮、卡片、悬停、鼠标悬停、光标、鼠标、指针、动画、动效

  70. Status Picker Celebration

    动效参考 · 具体条目入口

    相关词:菜单、下拉菜单、表单、粒子、光标、鼠标、指针、AI、人工智能

  71. Expand Animation

    动效参考 · 具体条目入口

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

  72. Top Slide Banner

    动效参考 · 具体条目入口

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

  73. Header Search Popover

    动效参考 · 具体条目入口

    相关词:气泡、弹出框、输入框、搜索、光标、鼠标、指针、动画、动效、AI、人工智能

  74. Slide Over Detail Drawer

    动效参考 · 具体条目入口

    相关词:抽屉、面板、表格、数据表格、光标、鼠标、指针、AI、人工智能、图标

  75. Tabbed Template Grid

    动效参考 · 具体条目入口

    相关词:标签页、选项卡、卡片、网格、光标、鼠标、指针、文字、文本、翻转、AI、人工智能

  76. Tab Dropdown Menu

    动效参考 · 具体条目入口

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

  77. Campaign Position Selector Preview

    动效参考 · 具体条目入口

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

  78. Reaction Emoji Popover

    动效参考 · 具体条目入口

    相关词:气泡、弹出框、按钮、徽章、状态标签、悬停、鼠标悬停、光标、鼠标、指针、交错、逐个出现

  79. Scramble Card Grid

    动效参考 · 具体条目入口

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

  80. Radial Callout Hub

    动效参考 · 具体条目入口

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