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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Expandable Timesheet Row

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、表格、数据表格、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  2. Modal Drawer Overlay

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  3. Date Picker Popover

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、气泡、弹出框、网格、日历、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  4. Workflow Step Action Reveal

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、按钮、卡片、光标、鼠标、指针、揭示、出现、入场、动画、动效

    发布者公开目录数据2026-10-14

  5. Auth Modal Loading Reveal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、卡片、网格、登录、注册、认证、加载、加载动画、光标、鼠标

    发布者公开目录数据2026-10-14

  6. Flight Search Loader Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、搜索、加载、加载动画、进度条、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  7. Collapsible App Sidebar

    动效参考 · 具体条目入口

    相关词：按钮、导航、侧边栏、光标、鼠标、指针、揭示、出现、入场、动画、动效、AI

    发布者公开目录数据2026-10-14

  8. Create Board Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、搜索、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

    发布者公开目录数据2026-10-14

  9. Publish Schedule Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、输入框、选择器、下拉选择、日历、光标、鼠标、指针、淡入、淡出

    发布者公开目录数据2026-10-14

  10. Validated Text Input

    动效参考 · 具体条目入口

    相关词：输入框、消息提示、表单、光标、鼠标、指针、揭示、出现、入场、文字、文本、AI

    发布者公开目录数据2026-10-14

  11. Animated Select Dropdown

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  12. Button Animation

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  13. Action Menu Dropdown

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  14. Row Actions Dropdown Dialog

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、按钮、表格、数据表格、菜单、下拉菜单、悬停、鼠标悬停、光标、鼠标

    发布者公开目录数据2026-10-14

  15. Onboarding Guide Layout

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、侧边栏、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  16. List Animation

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  17. Floating Status Drawer

    动效参考 · 具体条目入口

    相关词：抽屉、通知、消息提示、列表、上传、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  18. Analytics Metrics Reveal

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  19. Badge Animation

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  20. Geometric Dots Loader

    动效参考 · 具体条目入口

    相关词：搜索、加载、加载动画、光标、鼠标、指针、滚动、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  21. Staggered Bar Loader

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  22. Task Notification Popover

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、按钮、下拉菜单、通知、消息提示、卡片、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  23. Subscription Box Slots

    动效参考 · 具体条目入口

    相关词：按钮、空状态、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  24. Async Task Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、加载、加载动画、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  25. Product Tour Spotlight

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  26. Expandable Rule Group Card

    动效参考 · 具体条目入口

    相关词：卡片、空状态、光标、鼠标、指针、淡入、淡出、AI、人工智能、设置

    发布者公开目录数据2026-10-14

  27. Filter Dropdown Popover

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、选择器、下拉选择、菜单、下拉菜单、徽章、状态标签、光标、鼠标、指针、AI

    发布者公开目录数据2026-10-14

  28. Mega Dropdown Action Menu

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  29. Progressive Workflow Configurator

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  30. Inbox Thread List Item

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、消息提示、列表、光标、鼠标、指针、文字、文本、交互、动效、AI

    发布者公开目录数据2026-10-14

  31. App Search Input

    动效参考 · 具体条目入口

    相关词：输入框、切换、开关、徽章、状态标签、搜索、光标、鼠标、指针、动画、动效、AI

    发布者公开目录数据2026-10-14

  32. Header Status Popover

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、选择器、下拉选择、切换、开关、下拉菜单、光标、鼠标、指针、动画、动效

    发布者公开目录数据2026-10-14

  33. Collapsible Reward Card

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  34. Expanding Search Bar

    动效参考 · 具体条目入口

    相关词：环形、圆形、按钮、输入框、搜索、光标、鼠标、指针、文字、文本、AI、人工智能

    发布者公开目录数据2026-10-14

  35. Modal Coachmark Callout

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、提示、气泡、工具提示、表单、光标、鼠标、指针、动画、动效

    发布者公开目录数据2026-10-14

  36. Slide Over Metric Drawer

    动效参考 · 具体条目入口

    相关词：抽屉、卡片、骨架屏、加载、加载动画、光标、鼠标、指针、AI、人工智能、仪表盘、后台

    发布者公开目录数据2026-10-14

  37. Workflow Step Canvas

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  38. Contextual Selection Popover

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、表格、数据表格、选择器、下拉选择、列表、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  39. Modal Dialog Reveal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

    发布者公开目录数据2026-10-14

  40. Contextual Action Tooltip

    动效参考 · 具体条目入口

    相关词：提示、气泡、工具提示、按钮、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI

    发布者公开目录数据2026-10-14

  41. Canvas Toolbar Shortcuts Popover

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、按钮、悬停、鼠标悬停、光标、鼠标、指针、淡入、淡出、AI、人工智能

    发布者公开目录数据2026-10-14

  42. Collapsible Creation Dock

    动效参考 · 具体条目入口

    相关词：程序坞、导航、卡片、空状态、光标、鼠标、指针、AI、人工智能、图标

    发布者公开目录数据2026-10-14

  43. Open Note Modal Dialog

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、按钮、导航、列表、搜索、骨架屏、加载、光标、鼠标、指针

    发布者公开目录数据2026-10-14

  44. Internal Window Dock

    动效参考 · 具体条目入口

    相关词：按钮、程序坞、导航、骨架屏、加载、光标、鼠标、指针、动画、动效、拖拽、拖动

    发布者公开目录数据2026-10-14

  45. Feature Callout Tooltip

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  46. Slide Over Drawer

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  47. Selection Action Bubble

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、选择器、下拉选择、光标、鼠标、指针、模糊、文字、文本、动画、动效

    发布者公开目录数据2026-10-14

  48. Celebration Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、彩纸、庆祝、光标、鼠标、指针、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  49. Multi Step Choice Grid

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  50. Audio Transcript Editor

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、搜索、光标、鼠标、指针、文字、文本、AI、人工智能

    发布者公开目录数据2026-10-14

  51. Walkthrough Tour Popover

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  52. View Creator Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、气泡、弹出框、按钮、卡片、光标、鼠标、指针、揭示、出现

    发布者公开目录数据2026-10-14

  53. Hover Popover Tooltip

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、提示、工具提示、卡片、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  54. Slide Over Task Drawer

    动效参考 · 具体条目入口

    相关词：抽屉、选择器、下拉选择、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  55. Slide Over Drawer

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  56. Media Card Focus Rail

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  57. Map View Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、侧边栏、卡片、搜索、光标、鼠标、指针、滚动、AI、人工智能

    发布者公开目录数据2026-10-14

  58. Task Drag To Sidebar Target

    动效参考 · 具体条目入口

    相关词：侧边栏、消息提示、轻提示、列表、光标、鼠标、指针、拖拽、拖动、AI、人工智能、文件夹

    发布者公开目录数据2026-10-14

  59. Date Time Reminder Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、气泡、弹出框、网格、日历、光标、鼠标、指针、模糊、AI

    发布者公开目录数据2026-10-14

  60. Two Step Confirm Button

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  61. Isometric Interactive Canvas

    动效参考 · 具体条目入口

    相关词：网格、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、三维、3D

    发布者公开目录数据2026-10-14

  62. Bento Hover Text Preview

    动效参考 · 具体条目入口

    相关词：卡片、模块化布局、格子、网格、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、文字

    发布者公开目录数据2026-10-14

  63. Ecg Pulse Showcase

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、折线、线条、标签页、选项卡、卡片、悬停、鼠标悬停、背景、光标、鼠标

    发布者公开目录数据2026-10-14

  64. Rotating Badge Button

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  65. Ambient Grid Detail Popover

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、卡片、网格、悬停、鼠标悬停、渐变、光标、鼠标、指针、文字、文本

    发布者公开目录数据2026-10-14

  66. Book Case Study Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、徽章、状态标签、卡片、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

    发布者公开目录数据2026-10-14

  67. Morphing Cta Pill

    动效参考 · 具体条目入口

    相关词：按钮、徽章、状态标签、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、动画、动效

    发布者公开目录数据2026-10-14

  68. Tactile Keycap Button

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  69. Mascot Eye Tracker

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  70. Staggered Hero Reveal

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、加载、加载动画、光标、鼠标、指针、滚动、揭示、出现、入场、动画

    发布者公开目录数据2026-10-14

  71. Interactive Flying Sprite Burst

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、粒子、光标、鼠标、指针、淡入、淡出、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  72. Asset Concentration Hero Cluster

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  73. Hero Device Showcase

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  74. Animated Botanical Footer

    动效参考 · 具体条目入口

    相关词：页脚、光标、鼠标、指针、滚动、动画、动效、AI、人工智能

    发布者公开目录数据2026-10-14

  75. Scattered Card Reveal Hero

    动效参考 · 具体条目入口

    相关词：卡片、网格、首屏、主视觉、光标、鼠标、指针、揭示、出现、入场、文字、文本

    发布者公开目录数据2026-10-14

  76. Auto Advancing Persona Hero

    动效参考 · 具体条目入口

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

    发布者公开目录数据2026-10-14

  77. Rotating Token Badge

    动效参考 · 具体条目入口

    相关词：环形、圆形、徽章、状态标签、首屏、主视觉、光标、鼠标、指针、三维、3D、AI

    发布者公开目录数据2026-10-14

  78. Hero Device Zoom Reveal

    动效参考 · 具体条目入口

    相关词：按钮、导航、首屏、主视觉、光标、鼠标、指针、揭示、出现、入场、动画、动效

    已核验画面：左右分栏、深色、鲜明色彩 · 2026-10-14

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

    发布者公开目录数据2026-10-14

  79. Perspective Card Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、滑块、滑杆、卡片、光标、鼠标、指针、动画、动效、三维、3D

    发布者公开目录数据2026-10-14

  80. Sticker Cluster Footer Headline

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、页脚、光标、鼠标、指针、文字、文本、AI、人工智能

    发布者公开目录数据2026-10-14