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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Testimonial Card Carousel

    动效参考 · 具体条目入口

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

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

  2. Interactive Tag Cloud

    动效参考 · 具体条目入口

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

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

  3. Inline Media Headline

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、首屏、主视觉、光标、鼠标、指针、AI、人工智能、排版、字体

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

  4. Agency Modal Overlay

    动效参考 · 具体条目入口

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

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

  5. Dual Tier Pricing Cards

    动效参考 · 具体条目入口

    相关词：按钮、卡片、网格、定价、价格、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现

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

  6. Kinetic Wave Marquee

    动效参考 · 具体条目入口

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

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

  7. Kinetic Footer Typography

    动效参考 · 具体条目入口

    相关词：页脚、悬停、鼠标悬停、渐变、光标、鼠标、指针、揭示、出现、入场、文字、文本

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

  8. Hover Follow Service List

    动效参考 · 具体条目入口

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

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

  9. Frosted Circular Reveal Card Grid

    动效参考 · 具体条目入口

    相关词：环形、圆形、卡片、网格、悬停、鼠标悬停、背景、光标、鼠标、指针、揭示、出现

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

  10. Portfolio Showcase Grid

    动效参考 · 具体条目入口

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

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

  11. Vertical Tab Deck

    动效参考 · 具体条目入口

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

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

  12. Expanding Action Button

    动效参考 · 具体条目入口

    相关词：环形、圆形、按钮、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、AI

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

  13. Work Showcase Reel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、卡片、首屏、主视觉、背景、光标、鼠标、指针、动画、动效、AI

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

  14. Hero Sheet Reveal

    动效参考 · 具体条目入口

    相关词：抽屉、面板、首屏、主视觉、背景、光标、鼠标、指针、揭示、出现、入场、AI

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

  15. Floating Polaroid Gallery

    动效参考 · 具体条目入口

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

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

  16. Media Counter Wordmark

    动效参考 · 具体条目入口

    相关词：环形、圆形、光标、鼠标、指针、动画、动效、图片、视频、AI、人工智能

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

  17. Scroll Kpi Counter

    动效参考 · 具体条目入口

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

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

  18. Horizontal Stats Counter Grid

    动效参考 · 具体条目入口

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

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

  19. Interactive Bento Feature Grid

    动效参考 · 具体条目入口

    相关词：卡片、模块化布局、格子、网格、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI

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

  20. Magnetic Fill Button

    动效参考 · 具体条目入口

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

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

  21. Hero Mask Intro Card

    动效参考 · 具体条目入口

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

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

  22. Cursor Follower Interactive Footer

    动效参考 · 具体条目入口

    相关词：环形、圆形、按钮、页脚、光标、鼠标、指针、文字、文本、动画、动效、AI

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

  23. Orbital Process Stepper

    动效参考 · 具体条目入口

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

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

  24. Magnetic Aura Button

    动效参考 · 具体条目入口

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

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

  25. Magnetic Badge Button

    动效参考 · 具体条目入口

    相关词：按钮、头像、徽章、状态标签、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、交互

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

  26. Single Expand Faq Accordion

    动效参考 · 具体条目入口

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

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

  27. Typographic Media Reveal

    动效参考 · 具体条目入口

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

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

  28. Horizontal Collapsing Capabilities Rail

    动效参考 · 具体条目入口

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

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

  29. Scramble Stat Counter

    动效参考 · 具体条目入口

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

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

  30. Directional Action Banner

    动效参考 · 具体条目入口

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

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

  31. Magnetic Pill Button

    动效参考 · 具体条目入口

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

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

  32. Agency Curtain Page Transition

    动效参考 · 具体条目入口

    相关词：导航、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

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

  33. Agency Fullscreen Menu Overlay

    动效参考 · 具体条目入口

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

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

  34. Scroll Depth Grid Hero

    动效参考 · 具体条目入口

    相关词：卡片、网格、首屏、主视觉、进度条、光标、鼠标、指针、滚动、动画、动效、三维

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

  35. Directional Arrow Cta

    动效参考 · 具体条目入口

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

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

  36. Cursor Follow Badge Container

    动效参考 · 具体条目入口

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

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

  37. Hero Infinite Marquee Banner

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、徽章、状态标签、首屏、主视觉、光标、鼠标、指针、滚动、动画

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

  38. Cycling Inline Glyph Hero

    动效参考 · 具体条目入口

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

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

  39. Scroll Text Narrative Reveal

    动效参考 · 具体条目入口

    相关词：折线、线条、进度条、光标、鼠标、指针、滚动、揭示、出现、入场、文字、文本

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

  40. Hover Preview Menu

    动效参考 · 具体条目入口

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

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

  41. Footer Nav Hover Badge

    动效参考 · 具体条目入口

    相关词：导航、徽章、状态标签、页脚、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能、图标

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

  42. Dual Panel Expand Hero

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、卡片、首屏、主视觉、光标、鼠标、指针、动画、动效、AI、人工智能

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

  43. Scroll Card Fan

    动效参考 · 具体条目入口

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

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

  44. Interactive Floating Hero Showcase

    动效参考 · 具体条目入口

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

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

  45. Expanding Column Accordion

    动效参考 · 具体条目入口

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

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

  46. Interactive Energy Hero

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、首屏、主视觉、光束、光标、鼠标、指针、动画、动效、三维、3D

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

  47. Hover Preview Archive List

    动效参考 · 具体条目入口

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

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

  48. Project Showcase Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、分页、首屏、主视觉、背景、光标、鼠标、指针、动画、动效、图片

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

  49. Kinetic Typography Layout Loop

    动效参考 · 具体条目入口

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

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

  50. Project Case Study Grid

    动效参考 · 具体条目入口

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

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

  51. Kinetic Word Reveal

    动效参考 · 具体条目入口

    相关词：折线、线条、光标、鼠标、指针、滚动、揭示、出现、入场、文字、文本、动画

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

  52. Floating Cards Stream

    动效参考 · 具体条目入口

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

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

  53. Kinetic Nav Backdrop

    动效参考 · 具体条目入口

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

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

  54. Interactive Kinetic Hero Stage

    动效参考 · 具体条目入口

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

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

  55. Agency Grid Portfolio Showcase

    动效参考 · 具体条目入口

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

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

  56. Kinetic Split Headline Cycler

    动效参考 · 具体条目入口

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

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

  57. Segmented Action Pill

    动效参考 · 具体条目入口

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

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

  58. Scroll Stacked Accordion

    动效参考 · 具体条目入口

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

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

  59. Dual Column Vertical Marquee

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、按钮、卡片、悬停、鼠标悬停、光标、鼠标、指针、滚动、AI

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

  60. Hover Zoom Card Grid

    动效参考 · 具体条目入口

    相关词：卡片、网格、悬停、鼠标悬停、背景、光标、鼠标、指针、AI、人工智能、关闭、叉号

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

  61. Floating Pill Nav

    动效参考 · 具体条目入口

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

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

  62. Agency Horizontal Project Showcase

    动效参考 · 具体条目入口

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

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

  63. Oval Masked Hero Showcase

    动效参考 · 具体条目入口

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

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

  64. Vertical Stack Timeline

    动效参考 · 具体条目入口

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

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

  65. Staggered Service Matrix

    动效参考 · 具体条目入口

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

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

  66. Agency Depth List Preview

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、卡片、列表、光标、鼠标、指针、图片、AI、人工智能、排版、字体

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

  67. Typographic City Overlay Grid

    动效参考 · 具体条目入口

    相关词：网格、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI、人工智能

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

  68. Testimonial Video Marquee Hero

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、徽章、状态标签、卡片、首屏、主视觉、用户评价、光标、鼠标、指针

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

  69. Button Animation

    动效参考 · 具体条目入口

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

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

  70. Agency Paginated Card Showcase

    动效参考 · 具体条目入口

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

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

  71. Faq Card Grid

    动效参考 · 具体条目入口

    相关词：标签、卡片、网格、常见问题、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

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

  72. Badge Animation

    动效参考 · 具体条目入口

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

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

  73. Parallax Floating Social Cards

    动效参考 · 具体条目入口

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

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

  74. Highlighted Testimonial Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、导航、卡片、用户评价、光标、鼠标、指针、AI、人工智能

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

  75. Team Bio Reveal Card Grid

    动效参考 · 具体条目入口

    相关词：头像、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、文字

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

  76. Vertical Feature Card Cycler

    动效参考 · 具体条目入口

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

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

  77. Rolling Text Nav Button

    动效参考 · 具体条目入口

    相关词：按钮、导航栏、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、AI、人工智能

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

  78. Continuous Ambient Brush Drift

    动效参考 · 具体条目入口

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

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

  79. Concentric Ripple Hero

    动效参考 · 具体条目入口

    相关词：卡片、首屏、主视觉、涟漪、波纹、光标、鼠标、指针、滚动、淡入、淡出、AI

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

  80. Multi Column Hover Nav

    动效参考 · 具体条目入口

    相关词：导航、导航栏、列表、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、AI、人工智能

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