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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Parallax Floating Grid

    动效参考 · 具体条目入口

    相关词：网格、光标、鼠标、指针、滚动、动画、动效、图片、AI、人工智能

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

  2. Interactive Badge Reveal Preview

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、卡片、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、文字

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

  3. Dual Card Testimonial Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、按钮、导航、卡片、用户评价、光标、鼠标、指针、文字、文本、图片

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

  4. Flip Card Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、按钮、卡片、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场

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

  5. Tabbed Preview Showcase

    动效参考 · 具体条目入口

    相关词：卡片、列表、悬停、鼠标悬停、背景、光标、鼠标、指针、淡入、淡出、AI、人工智能

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

  6. Dual Preview Tabs

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、标签页、选项卡、导航、卡片、首屏、主视觉、悬停、鼠标悬停、光标、鼠标

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

  7. Floating Megamenu Dropdown

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、菜单、下拉菜单、导航、悬停、鼠标悬停、光标、鼠标、指针、动画、动效

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

  8. Kinetic Typography Menu Overlay

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、菜单、导航、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现

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

  9. Scroll Animation

    动效参考 · 具体条目入口

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

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

  10. Hover Preview Interview List

    动效参考 · 具体条目入口

    相关词：菜单、卡片、列表、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

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

  11. Synchronized Split Showcase

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、分页、光标、鼠标、指针、图片、AI、人工智能、排版、字体

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

  12. Intro Montage Hero

    动效参考 · 具体条目入口

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

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

  13. Profile Pill Grid Hover

    动效参考 · 具体条目入口

    相关词：头像、网格、悬停、鼠标悬停、光标、鼠标、指针、淡入、淡出、AI、人工智能、箭头

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

  14. Color Morph Submit Button

    动效参考 · 具体条目入口

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

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

  15. Event Card Grid

    动效参考 · 具体条目入口

    相关词：卡片、网格、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、图片

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

  16. Interactive Cta Pill Button

    动效参考 · 具体条目入口

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

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

  17. Hero Cta Button

    动效参考 · 具体条目入口

    相关词：按钮、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能、箭头、图标

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

  18. Floating Navbar Dropdown

    动效参考 · 具体条目入口

    相关词：下拉菜单、导航、导航栏、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、动画

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

  19. Scrollytelling Neuron Pathway

    动效参考 · 具体条目入口

    相关词：光标、鼠标、指针、滚动、文字、文本、AI、人工智能

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

  20. Topic Card Carousel Grid

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、AI

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

  21. Testimonial Crossfade Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、导航、卡片、用户评价、光标、鼠标、指针、文字、文本、动画、动效

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

  22. Expanding Metric Accordion Cards

    动效参考 · 具体条目入口

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

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

  23. Dual Circle Balance Pulse

    动效参考 · 具体条目入口

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

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

  24. Nav Item Sublabel Reveal

    动效参考 · 具体条目入口

    相关词：导航、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、动画、动效、AI

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

  25. Preloader Curtain Transition

    动效参考 · 具体条目入口

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

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

  26. Slide Over Contact Drawer

    动效参考 · 具体条目入口

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

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

  27. Stacked Feature Accordion

    动效参考 · 具体条目入口

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

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

  28. Profile Card Bio Reveal

    动效参考 · 具体条目入口

    相关词：按钮、卡片、光标、鼠标、指针、揭示、出现、入场、文字、文本、图片、AI

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

  29. Interactive Timeline Carousel

    动效参考 · 具体条目入口

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

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

  30. Bold Text Marquee

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、光标、鼠标、指针、滚动、文字、文本、动画、动效、AI

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

  31. Pill Expand Hover Button

    动效参考 · 具体条目入口

    相关词：环形、圆形、按钮、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、AI、人工智能

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

  32. Media Accordion List

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、列表、光标、鼠标、指针、AI、人工智能

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

  33. Floating Hover Card Pill

    动效参考 · 具体条目入口

    相关词：卡片、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、动画、动效、图片

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

  34. Floating Badge Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、环形、圆形、分页、徽章、状态标签、光标、鼠标、指针、图片、AI

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

  35. Thumbnail Showcase Gallery

    动效参考 · 具体条目入口

    相关词：悬停、鼠标悬停、光标、鼠标、指针、图片、画廊、图片展示、AI、人工智能

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

  36. Expanding Hero Intro

    动效参考 · 具体条目入口

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

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

  37. Feature Accordion Showcase

    动效参考 · 具体条目入口

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

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

  38. Empty State Animation

    动效参考 · 具体条目入口

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

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

  39. Canvas Reaction Picker

    动效参考 · 具体条目入口

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

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

  40. Modal Faq Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、弹窗、对话框、模态框、列表、常见问题、光标、鼠标、指针、动画、动效

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

  41. Canvas History Drawer

    动效参考 · 具体条目入口

    相关词：抽屉、侧边栏、列表、光标、鼠标、指针、AI、人工智能

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

  42. Stepped Pricing Tier Card

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、滑块、滑杆、卡片、定价、价格、光标、鼠标、指针、拖拽

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

  43. Pricing Comparison Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、切换、开关、定价、价格、光标、鼠标、指针、AI、人工智能

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

  44. Cascading Color Menu

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、菜单、悬停、鼠标悬停、背景、光标、鼠标、指针、动画、动效、AI

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

  45. Cascading Dropdown Menu

    动效参考 · 具体条目入口

    相关词：切换、开关、菜单、下拉菜单、光标、鼠标、指针、淡入、淡出、AI、人工智能

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

  46. Template Picker Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、导航、侧边栏、卡片、网格、搜索、骨架屏、加载、加载动画、悬停

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

  47. Progressive Onboarding Modal

    动效参考 · 具体条目入口

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

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

  48. Popup Select Dropdown

    动效参考 · 具体条目入口

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

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

  49. Collapsible Breakdown Panel

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、抽屉、光标、鼠标、指针、淡入、淡出、AI、人工智能

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

  50. Floating Toast Notification

    动效参考 · 具体条目入口

    相关词：消息提示、轻提示、通知、卡片、光标、鼠标、指针、滚动、动画、动效、AI、人工智能

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

  51. Collapsible Split Sidebar

    动效参考 · 具体条目入口

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

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

  52. Ai Thought Trace Collapsible

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、加载、转圈、光标、鼠标、指针、AI、人工智能

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

  53. Ai Chat Stream

    动效参考 · 具体条目入口

    相关词：光标、鼠标、指针、滚动、打字机、动画、动效、聊天、对话、AI、人工智能

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

  54. Nested Drilldown Popover

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、菜单、导航、光标、鼠标、指针、动画、动效、AI、人工智能

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

  55. Action Menu Dropdown

    动效参考 · 具体条目入口

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

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

  56. Pill Select Popover

    动效参考 · 具体条目入口

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

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

  57. Segmented View Tabs

    动效参考 · 具体条目入口

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

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

  58. Auto Advancing Feature Carousel

    动效参考 · 具体条目入口

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

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

  59. Project Card Grid Hover

    动效参考 · 具体条目入口

    相关词：卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、画廊、图片展示、AI

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

  60. Folded Icon Hover

    动效参考 · 具体条目入口

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

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

  61. Pricing Modal Billing Toggle

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、开关、切换、定价、价格、光标、鼠标、指针、AI、人工智能

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

  62. Notification Tabs Popover

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、标签页、选项卡、通知、消息提示、光标、鼠标、指针、动画、动效、AI

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

  63. Referral Modal

    动效参考 · 具体条目入口

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

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

  64. Cascading Menu Flyout

    动效参考 · 具体条目入口

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

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

  65. User Account Dropdown

    动效参考 · 具体条目入口

    相关词：下拉菜单、光标、鼠标、指针、揭示、出现、入场、动画、动效、AI、人工智能、用户

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

  66. Cycling Prompt Input

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、输入框、卡片、首屏、主视觉、光标、鼠标、指针、文字、文本、聊天

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

  67. Cascading Attach Menu

    动效参考 · 具体条目入口

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

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

  68. Hierarchical Drilldown Sidebar

    动效参考 · 具体条目入口

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

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

  69. Interactive Bar Chart Tooltip

    动效参考 · 具体条目入口

    相关词：提示、气泡、工具提示、图表、柱状图、卡片、悬停、鼠标悬停、光标、鼠标、指针、淡入

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

  70. Rich Select Dropdown

    动效参考 · 具体条目入口

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

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

  71. Button Animation

    动效参考 · 具体条目入口

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

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

  72. Tabbed Gallery Skeleton Transition

    动效参考 · 具体条目入口

    相关词：标签页、选项卡、网格、骨架屏、加载、加载动画、光标、鼠标、指针、动画、动效、画廊

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

  73. Blueprint Card Grid

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、动画

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

  74. Segmented Scrub Hero Carousel

    动效参考 · 具体条目入口

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

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

  75. Token Usage Popover

    动效参考 · 具体条目入口

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

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

  76. Tap Animation

    动效参考 · 具体条目入口

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

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

  77. Segmented Pricing Toggle Grid

    动效参考 · 具体条目入口

    相关词：切换、开关、卡片、网格、定价、价格、光标、鼠标、指针、AI、人工智能

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

  78. Multi Select Chip Group With Toggle

    动效参考 · 具体条目入口

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

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

  79. Tabbed Filter Grid

    动效参考 · 具体条目入口

    相关词：标签页、选项卡、导航、卡片、网格、骨架屏、加载、加载动画、光标、鼠标、指针、动画

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

  80. Artifact View Switcher

    动效参考 · 具体条目入口

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

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