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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Hero Download Cta Group

    动效参考 · 具体条目入口

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

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

  2. 3D Cube Carousel

    动效参考 · 具体条目入口

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

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

  3. Expanding Pill Button

    动效参考 · 具体条目入口

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

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

  4. Cta Button Hover Arrow

    动效参考 · 具体条目入口

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

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

  5. Magnetic Pill Cta

    动效参考 · 具体条目入口

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

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

  6. Feature Grid Accordion

    动效参考 · 具体条目入口

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

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

  7. Ambient Glow Cta Card

    动效参考 · 具体条目入口

    相关词：按钮、卡片、发光、光晕、渐变、光标、鼠标、指针、AI、人工智能

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

  8. Floating Ambient Nodes Hero

    动效参考 · 具体条目入口

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

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

  9. Ambient Foliage Footer

    动效参考 · 具体条目入口

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

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

  10. Rotating Badge Grid

    动效参考 · 具体条目入口

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

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

  11. Interactive Feature Card Grid

    动效参考 · 具体条目入口

    相关词：折线、线条、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场

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

  12. Isometric Cube Feature Selector

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、卡片、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、三维、3D

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

  13. Spotlight Step Cards

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、卡片、悬停、鼠标悬停、发光、光晕、光标、鼠标、指针、AI、人工智能

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

  14. Footer Brand Reveal

    动效参考 · 具体条目入口

    相关词：按钮、页脚、悬停、鼠标悬停、光标、鼠标、指针、滚动、揭示、出现、入场、文字

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

  15. Interactive Feature Card Grid

    动效参考 · 具体条目入口

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

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

  16. Footer Link Badge Nav

    动效参考 · 具体条目入口

    相关词：按钮、导航、徽章、状态标签、页脚、悬停、鼠标悬停、光标、鼠标、指针、交互、动效

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

  17. Multi Series Impact Chart Card

    动效参考 · 具体条目入口

    相关词：图表、切换、开关、卡片、光标、鼠标、指针、揭示、出现、入场、动画、动效

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

  18. Sliding Pill Navbar

    动效参考 · 具体条目入口

    相关词：导航、导航栏、悬停、鼠标悬停、背景、光标、鼠标、指针、动画、动效、AI、人工智能

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

  19. Sliding Pill Navbar

    动效参考 · 具体条目入口

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

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

  20. Scroll Morphing Navbar

    动效参考 · 具体条目入口

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

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

  21. Multi Column Infinite Vertical Marquee

    动效参考 · 具体条目入口

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

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

  22. Protocol Data Flow Card

    动效参考 · 具体条目入口

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

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

  23. Neo Brutalist Hero Button

    动效参考 · 具体条目入口

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

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

  24. Multi Tenant Architecture Flow

    动效参考 · 具体条目入口

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

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

  25. Dual Direction Marquee

    动效参考 · 具体条目入口

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

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

  26. Interactive Feature Stepper

    动效参考 · 具体条目入口

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

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

  27. Tilted Card Grid Section

    动效参考 · 具体条目入口

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

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

  28. Process Pipeline Reveal

    动效参考 · 具体条目入口

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

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

  29. Sticky Split Feature Showcase

    动效参考 · 具体条目入口

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

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

  30. Flip Stat Disclosure Grid

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、按钮、切换、开关、卡片、网格、光标、鼠标、指针、翻转、AI

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

  31. Sticker Headline Morph

    动效参考 · 具体条目入口

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

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

  32. Expanding Avatar Stack

    动效参考 · 具体条目入口

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

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

  33. Smooth Accordion List

    动效参考 · 具体条目入口

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

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

  34. Infinite Testimonial Marquee

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、按钮、用户评价、悬停、鼠标悬停、光标、鼠标、指针、动画、动效

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

  35. Interactive Feature Cards

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、交错、逐个出现、动画

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

  36. Segmented Pill Tab Preview

    动效参考 · 具体条目入口

    相关词：标签页、选项卡、导航、卡片、背景、光标、鼠标、指针、AI、人工智能

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

  37. Centered Peek Carousel

    动效参考 · 具体条目入口

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

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

  38. Button Animation

    动效参考 · 具体条目入口

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

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

  39. Scroll Narrative Chart

    动效参考 · 具体条目入口

    相关词：图表、进度条、光标、鼠标、指针、滚动、AI、人工智能、排版、字体

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

  40. Feature Tabs Showcase

    动效参考 · 具体条目入口

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

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

  41. Interactive Faq Hover List

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、环形、圆形、按钮、列表、常见问题、悬停、鼠标悬停、光标、鼠标、指针

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

  42. Scroll Focal Chain List

    动效参考 · 具体条目入口

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

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

  43. Hero Intro Reveal

    动效参考 · 具体条目入口

    相关词：按钮、徽章、状态标签、首屏、主视觉、加载、加载动画、光标、鼠标、指针、揭示、出现

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

  44. Fiber Routed Tabs

    动效参考 · 具体条目入口

    相关词：标签页、选项卡、卡片、加载、加载动画、光标、鼠标、指针、AI、人工智能、仪表盘、后台

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

  45. Animated Flag Cta Banner

    动效参考 · 具体条目入口

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

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

  46. Invert Pill Button

    动效参考 · 具体条目入口

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

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

  47. Feature Tabs Showcase

    动效参考 · 具体条目入口

    相关词：开关、标签页、选项卡、卡片、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI

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

  48. Magnetic Pill Cta

    动效参考 · 具体条目入口

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

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

  49. Segmented Showcase Carousel

    动效参考 · 具体条目入口

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

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

  50. Nav Dropdown Menu

    动效参考 · 具体条目入口

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

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

  51. Verb Swap Preview Hero

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、按钮、卡片、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、AI

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

  52. Scroll Linked Feature Showcase

    动效参考 · 具体条目入口

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

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

  53. Sticky Scroll Feature Showcase

    动效参考 · 具体条目入口

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

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

  54. Shared Indicator Card Grid

    动效参考 · 具体条目入口

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

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

  55. Expandable Industry Accordion

    动效参考 · 具体条目入口

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

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

  56. Reveal Animation

    动效参考 · 具体条目入口

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

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

  57. Case Study Card Grid

    动效参考 · 具体条目入口

    相关词：卡片、网格、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

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

  58. Drop Carousel Deck

    动效参考 · 具体条目入口

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

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

  59. Saas Header Nav

    动效参考 · 具体条目入口

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

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

  60. Case Study Carousel Nav Reveal

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、滑块、滑杆、按钮、导航、悬停、鼠标悬停、光标、鼠标、指针、揭示

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

  61. Pricing Avatar Badge Card

    动效参考 · 具体条目入口

    相关词：头像、徽章、状态标签、卡片、定价、价格、首屏、主视觉、光标、鼠标、指针、滚动

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

  62. Animated Faq Accordion

    动效参考 · 具体条目入口

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

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

  63. Nav Dropdown Menu

    动效参考 · 具体条目入口

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

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

  64. Bento Hero Scroll Expand

    动效参考 · 具体条目入口

    相关词：卡片、模块化布局、格子、首屏、主视觉、光标、鼠标、指针、滚动、淡入、淡出、AI

    已核验画面：浅色、简洁留白 · 2026-10-14

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

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

  65. Integration Card Grid

    动效参考 · 具体条目入口

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

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

  66. Action Card Grid

    动效参考 · 具体条目入口

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

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

  67. Button Animation

    动效参考 · 具体条目入口

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

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

  68. Bento Interactive Grid

    动效参考 · 具体条目入口

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

    已核验画面：Bento 功能网格、浅色、简洁留白 · 2026-10-14

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

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

  69. Vertical Marquee Feed

    动效参考 · 具体条目入口

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

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

  70. Hero Cta Split Button

    动效参考 · 具体条目入口

    相关词：按钮、下拉菜单、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

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

  71. Hero Cta Pill Button

    动效参考 · 具体条目入口

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

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

  72. Saas Blog Card Grid

    动效参考 · 具体条目入口

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

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

  73. Rounded Curtain Page Transition

    动效参考 · 具体条目入口

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

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

  74. Category Filtered Featured Card

    动效参考 · 具体条目入口

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

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

  75. Hover Dropdown Menu

    动效参考 · 具体条目入口

    相关词：菜单、下拉菜单、导航、导航栏、卡片、悬停、鼠标悬停、光标、鼠标、指针、淡入、淡出

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

  76. Newsletter Submit Trigger

    动效参考 · 具体条目入口

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

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

  77. Smooth Faq Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、按钮、切换、开关、常见问题、光标、鼠标、指针、动画、动效、AI

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

  78. Scroll Pinned Device Marquee Showcase

    动效参考 · 具体条目入口

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

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

  79. Bento Hero Reveal

    动效参考 · 具体条目入口

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

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

  80. Interactive Feature Cards

    动效参考 · 具体条目入口

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

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