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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Interactive Hover Pill Button

    动效参考 · 具体条目入口

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

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

  2. Scroll Milestone Timeline

    动效参考 · 具体条目入口

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

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

  3. Bento Matrix Grid

    动效参考 · 具体条目入口

    相关词：卡片、模块化布局、格子、网格、首屏、主视觉、光标、鼠标、指针、滚动、揭示、出现

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

  4. Infinite Ticker Banner

    动效参考 · 具体条目入口

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

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

  5. Interactive Job Card

    动效参考 · 具体条目入口

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

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

  6. Staggered Contact Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、按钮、卡片、表单、光标、鼠标、指针、AI、人工智能、关闭

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

  7. Fade Animation

    动效参考 · 具体条目入口

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

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

  8. Interactive Team Roster

    动效参考 · 具体条目入口

    相关词：折线、线条、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、图片、AI、人工智能

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

  9. Dual Direction Logo Marquee

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、按钮、光标、鼠标、指针、动画、动效、AI、人工智能

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

  10. Hover Reveal Nav

    动效参考 · 具体条目入口

    相关词：按钮、菜单、导航、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、淡入

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

  11. Counter Preloader Card

    动效参考 · 具体条目入口

    相关词：卡片、首屏、主视觉、页脚、加载、加载动画、进度条、光标、鼠标、指针、AI、人工智能

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

  12. Expanding Circle Brand Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、环形、圆形、徽章、状态标签、光标、鼠标、指针、动画、动效、AI

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

  13. Portal Stage Scroller

    动效参考 · 具体条目入口

    相关词：环形、圆形、卡片、光标、鼠标、指针、滚动、AI、人工智能

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

  14. Scalloped Marquee Banner

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、卡片、背景、光标、鼠标、指针、滚动、图片、AI、人工智能

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

  15. Slide Over Nav Drawer

    动效参考 · 具体条目入口

    相关词：抽屉、面板、菜单、导航、悬停、鼠标悬停、背景、光标、鼠标、指针、动画、动效

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

  16. Exclusive Accordion List

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、列表、常见问题、光标、鼠标、指针、动画、动效、AI、人工智能

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

  17. Sticky Stacked Cards

    动效参考 · 具体条目入口

    相关词：卡片、列表、光标、鼠标、指针、滚动、AI、人工智能

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

  18. Sticky Step Scroll Accordion

    动效参考 · 具体条目入口

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

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

  19. Inverted Pill Button

    动效参考 · 具体条目入口

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

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

  20. Feature Showcase Split

    动效参考 · 具体条目入口

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

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

  21. Auto Cycling Radar Showcase

    动效参考 · 具体条目入口

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

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

  22. Hero Notification Cycler

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、通知、消息提示、首屏、主视觉、光标、鼠标、指针、文字、文本、AI

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

  23. Footer Action Button

    动效参考 · 具体条目入口

    相关词：环形、圆形、按钮、页脚、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能、图标

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

  24. Category Hover Showcase

    动效参考 · 具体条目入口

    相关词：卡片、列表、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、动画、动效、图片

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

  25. Interactive Portfolio Showcase

    动效参考 · 具体条目入口

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

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

  26. Horizontal Article Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、滑块、滑杆、导航、卡片、悬停、鼠标悬停、光标、鼠标、指针、AI

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

  27. Stepped Process Showcase

    动效参考 · 具体条目入口

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

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

  28. Interactive Bento Feature Grid

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、卡片、模块化布局、格子、网格、悬停、鼠标悬停、光标、鼠标、指针、揭示

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

  29. Hover Accordion List

    动效参考 · 具体条目入口

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

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

  30. Staggered Editorial Scroll

    动效参考 · 具体条目入口

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

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

  31. Scroll Story Narrative Track

    动效参考 · 具体条目入口

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

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

  32. Continuous Text Ticker

    动效参考 · 具体条目入口

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

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

  33. Petal Venn Diagram

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、发光、光晕、光标、鼠标、指针、滚动、动画、动效、交互、AI

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

  34. Smooth Accordion Showcase

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、选择器、下拉选择、光标、鼠标、指针、动画、动效、AI、人工智能、图标

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

  35. Sticky Section List

    动效参考 · 具体条目入口

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

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

  36. Stacked Scroll Deck

    动效参考 · 具体条目入口

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

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

  37. Scroll Parallax Stat Gallery

    动效参考 · 具体条目入口

    相关词：卡片、光标、鼠标、指针、滚动、图片、画廊、图片展示、AI、人工智能、排版、字体

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

  38. Sliding Dot Nav

    动效参考 · 具体条目入口

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

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

  39. Sticky Reveal Footer

    动效参考 · 具体条目入口

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

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

  40. Scroll Expand Media Hero

    动效参考 · 具体条目入口

    相关词：卡片、首屏、主视觉、光标、鼠标、指针、滚动、画廊、图片展示、AI、人工智能

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

  41. Media Accordion Drawer

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、抽屉、光标、鼠标、指针、文字、文本、画廊、图片展示、AI、人工智能

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

  42. Scroll Canvas Hero Expand

    动效参考 · 具体条目入口

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

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

  43. List Animation

    动效参考 · 具体条目入口

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

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

  44. Split Screen Nav Overlay

    动效参考 · 具体条目入口

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

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

  45. Header Search Drawer

    动效参考 · 具体条目入口

    相关词：抽屉、按钮、输入框、导航、搜索、光标、鼠标、指针、动画、动效、AI、人工智能

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

  46. Scroll Parallax Globe Hero

    动效参考 · 具体条目入口

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

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

  47. Interactive Article Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、导航、徽章、状态标签、卡片、悬停、鼠标悬停、光标、鼠标、指针、AI

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

  48. Roster Hover Image Preview

    动效参考 · 具体条目入口

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

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

  49. Cursor Follow Card Grid

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、卡片、网格、光标、鼠标、指针、AI、人工智能

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

  50. Interactive Hover Discipline List

    动效参考 · 具体条目入口

    相关词：卡片、列表、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、图片、AI、人工智能

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

  51. Sticky Section Showcase

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、轮播、轮播图、按钮、悬停、鼠标悬停、光标、鼠标、指针、滚动、动画

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

  52. Curved Filmstrip Intro Hero

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、首屏、主视觉、光标、鼠标、指针、滚动、视频、AI、人工智能

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

  53. Stacking Media Accordion

    动效参考 · 具体条目入口

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

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

  54. Spotlight Media Grid

    动效参考 · 具体条目入口

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

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

  55. Horizontal Accordion Gallery

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、光标、鼠标、指针、动画、动效、交互、画廊、图片展示、AI、人工智能

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

  56. Button Animation

    动效参考 · 具体条目入口

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

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

  57. Infinite Text Marquee

    动效参考 · 具体条目入口

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

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

  58. Smooth Faq Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、切换、开关、常见问题、光标、鼠标、指针、AI、人工智能、添加、加号

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

  59. Category Hover Card Grid

    动效参考 · 具体条目入口

    相关词：按钮、导航、卡片、网格、悬停、鼠标悬停、背景、光标、鼠标、指针、文字、文本

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

  60. Hover Nav Hero Sync

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、菜单、下拉菜单、导航、首屏、主视觉、悬停、鼠标悬停、背景、光标、鼠标

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

  61. Hero Timed Headline Cycle

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、环形、圆形、首屏、主视觉、光标、鼠标、指针、文字、文本、AI

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

  62. Feature Exploration Card

    动效参考 · 具体条目入口

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

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

  63. Numbered Feature Accordion List

    动效参考 · 具体条目入口

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

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

  64. Wireframe Route Loader

    动效参考 · 具体条目入口

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

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

  65. Footer Index Table

    动效参考 · 具体条目入口

    相关词：表格、数据表格、列表、页脚、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场

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

  66. Character Animation

    动效参考 · 具体条目入口

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

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

  67. Hover Preview Nav Overlay

    动效参考 · 具体条目入口

    相关词：菜单、导航、悬停、鼠标悬停、光标、鼠标、指针、图片、AI、人工智能

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

  68. Parametric Wireframe Hero

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、光标、鼠标、指针、滚动、三维、3D、AI、人工智能

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

  69. Scroll Parallax Hero Card

    动效参考 · 具体条目入口

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

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

  70. Arched Testimonial Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、滑块、滑杆、用户评价、光标、鼠标、指针、文字、文本、AI、人工智能

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

  71. Single Expand Value Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、选择器、下拉选择、光标、鼠标、指针、动画、动效、AI、人工智能

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

  72. Scroll Scale Hero Card

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、卡片、首屏、主视觉、进度条、光标、鼠标、指针、滚动、动画、动效

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

  73. Multi Card Slider Progress

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、滑块、滑杆、卡片、进度条、光标、鼠标、指针、AI、人工智能

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

  74. Slide Over Nav Drawer

    动效参考 · 具体条目入口

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

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

  75. Scroll Collapsing Header

    动效参考 · 具体条目入口

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

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

  76. Badge Morph Cta Button

    动效参考 · 具体条目入口

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

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

  77. Editorial Card Hover Grid

    动效参考 · 具体条目入口

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

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

  78. Bullet Hover Nav List

    动效参考 · 具体条目入口

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

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

  79. Media Hover Crossfade Card

    动效参考 · 具体条目入口

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

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

  80. Morphing Navigation Dropdown

    动效参考 · 具体条目入口

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

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