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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Pricing Tier Grid

    动效参考 · 具体条目入口

    相关词：按钮、网格、定价、价格、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI

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

  2. Mega Menu Dropdown Reveal

    动效参考 · 具体条目入口

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

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

  3. Ecommerce Product Card Hover Reveal

    动效参考 · 具体条目入口

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

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

  4. Continuous Logo Marquee

    动效参考 · 具体条目入口

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

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

  5. Hero Curtain Reveal

    动效参考 · 具体条目入口

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

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

  6. Retro Product Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、导航、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能、箭头

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

  7. Tabbed Team Grid

    动效参考 · 具体条目入口

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

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

  8. Tabbed Testimonial Showcase

    动效参考 · 具体条目入口

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

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

  9. Hero Cta Group

    动效参考 · 具体条目入口

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

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

  10. Layered Pop Hero

    动效参考 · 具体条目入口

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

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

  11. Integration Feature Carousel

    动效参考 · 具体条目入口

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

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

  12. Hero Crossfade Slider

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、滑块、滑杆、导航、首屏、主视觉、光标、鼠标、指针、文字、文本

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

  13. Typewriter Headline Cursor

    动效参考 · 具体条目入口

    相关词：按钮、首屏、主视觉、光标、鼠标、指针、打字机、AI、人工智能、终端

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

  14. Auto Advancing Feature Accordion

    动效参考 · 具体条目入口

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

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

  15. Perimeter Highlight Logo Grid

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、网格、光标、鼠标、指针、AI、人工智能、关闭、叉号

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

  16. Product Grid Detail Transition

    动效参考 · 具体条目入口

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

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

  17. Nav Link Hover Marker Group

    动效参考 · 具体条目入口

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

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

  18. Scramble Intro Transition

    动效参考 · 具体条目入口

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

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

  19. Multi Expand Accordion

    动效参考 · 具体条目入口

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

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

  20. Perimeter Glow Card

    动效参考 · 具体条目入口

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

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

  21. Ecommerce Product Card Hover Reveal

    动效参考 · 具体条目入口

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

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

  22. Infinite Card Board Marquee

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、徽章、状态标签、卡片、悬停、鼠标悬停、光标、鼠标、指针、AI

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

  23. Ecommerce Product Card Grid

    动效参考 · 具体条目入口

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

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

  24. Pricing Tier Billing Toggle

    动效参考 · 具体条目入口

    相关词：切换、开关、徽章、状态标签、定价、价格、光标、鼠标、指针、AI、人工智能

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

  25. Floating Action Pill

    动效参考 · 具体条目入口

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

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

  26. Morphing Nav Dropdown

    动效参考 · 具体条目入口

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

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

  27. Hero Dock Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、程序坞、导航、卡片、首屏、主视觉、光标、鼠标、指针、AI、人工智能

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

  28. Alternating Feature Showcase

    动效参考 · 具体条目入口

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

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

  29. Mega Menu Hover Preview

    动效参考 · 具体条目入口

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

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

  30. Integration Card Carousel

    动效参考 · 具体条目入口

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

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

  31. Mega Dropdown Menu

    动效参考 · 具体条目入口

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

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

  32. Scroll Curved Text Badge

    动效参考 · 具体条目入口

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

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

  33. Rounded Canvas Transition

    动效参考 · 具体条目入口

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

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

  34. Layered Ocean Hero Intro

    动效参考 · 具体条目入口

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

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

  35. Globe Testimonial Carousel

    动效参考 · 具体条目入口

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

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

  36. Bento Hero Stagger Reveal

    动效参考 · 具体条目入口

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

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

  37. Expanding Curved Footer

    动效参考 · 具体条目入口

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

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

  38. Collection Showcase Hero

    动效参考 · 具体条目入口

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

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

  39. Feature Accordion Showcase

    动效参考 · 具体条目入口

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

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

  40. Multi Row Marquee Grid

    动效参考 · 具体条目入口

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

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

  41. Story Section Scroller

    动效参考 · 具体条目入口

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

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

  42. Hero Cta Button

    动效参考 · 具体条目入口

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

    已核验画面：居中首屏、浅色、鲜明色彩 · 2026-10-14

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

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

  43. Page Transition Reveal

    动效参考 · 具体条目入口

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

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

  44. Bracket Stacked Card Cta

    动效参考 · 具体条目入口

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

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

  45. Metric Case Study Carousel

    动效参考 · 具体条目入口

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

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

  46. Split Hero Editorial Scroll

    动效参考 · 具体条目入口

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

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

  47. Interactive Collection Showcase

    动效参考 · 具体条目入口

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

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

  48. Hero Curtain Reveal

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、光标、鼠标、指针、滚动、揭示、出现、入场、AI、人工智能、排版

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

  49. Hero Intro Reveal

    动效参考 · 具体条目入口

    相关词：按钮、表单、首屏、主视觉、光标、鼠标、指针、揭示、出现、入场、交错、逐个出现

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

  50. Interactive Flavor Selector

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、悬停、鼠标悬停、背景、光标、鼠标、指针、动画、动效、AI、人工智能

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

  51. Ai Voice Orb Visualizer

    动效参考 · 具体条目入口

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

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

  52. Metric Case Study Grid

    动效参考 · 具体条目入口

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

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

  53. Dual Template Hover Cards

    动效参考 · 具体条目入口

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

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

  54. Scroll Anatomy Breakdown

    动效参考 · 具体条目入口

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

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

  55. Ecommerce Product Card Hover

    动效参考 · 具体条目入口

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

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

  56. Case Study Quote Card

    动效参考 · 具体条目入口

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

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

  57. Interactive Feature Card Grid

    动效参考 · 具体条目入口

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

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

  58. Carousel Animation

    动效参考 · 具体条目入口

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

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

  59. 3D Flip Card Grid

    动效参考 · 具体条目入口

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

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

  60. Stacked Editorial Statement

    动效参考 · 具体条目入口

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

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

  61. Scatter Photo Hero Reveal

    动效参考 · 具体条目入口

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

    已核验画面：左对齐首屏、浅色、简洁留白 · 2026-10-14

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

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

  62. Editorial About Card

    动效参考 · 具体条目入口

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

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

  63. Story Vignette Hero

    动效参考 · 具体条目入口

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

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

  64. Floating Rotating Stickers

    动效参考 · 具体条目入口

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

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

  65. Team Card Role Swap

    动效参考 · 具体条目入口

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

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

  66. Portfolio Spotlight Grid

    动效参考 · 具体条目入口

    相关词：卡片、网格、光标、鼠标、指针、交错、逐个出现、AI、人工智能

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

  67. Isometric Hero Illustration

    动效参考 · 具体条目入口

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

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

  68. Portfolio Dimming Grid

    动效参考 · 具体条目入口

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

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

  69. Pricing Frequency Toggle

    动效参考 · 具体条目入口

    相关词：切换、开关、徽章、状态标签、卡片、定价、价格、光标、鼠标、指针、AI、人工智能

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

  70. Orbital Tag Scatter

    动效参考 · 具体条目入口

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

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

  71. Cta Hover Button

    动效参考 · 具体条目入口

    相关词：按钮、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、交互、AI

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

  72. Category Tab Showcase

    动效参考 · 具体条目入口

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

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

  73. Pricing Billing Toggle Cards

    动效参考 · 具体条目入口

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

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

  74. Scroll Story Clutter Clean

    动效参考 · 具体条目入口

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

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

  75. Cookie Consent Pill

    动效参考 · 具体条目入口

    相关词：按钮、消息提示、轻提示、页脚、光标、鼠标、指针、AI、人工智能

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

  76. Scroll Portal Transition

    动效参考 · 具体条目入口

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

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

  77. Metric Stats Cycle

    动效参考 · 具体条目入口

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

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

  78. Floating Mascot Card

    动效参考 · 具体条目入口

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

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

  79. Scroll Scrubbed Text Reveal

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、进度条、光标、鼠标、指针、滚动、揭示、出现、入场、文字、文本

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

  80. Pricing Tier Toggle Matrix

    动效参考 · 具体条目入口

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

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