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

交互动效

Ripplix

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

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

资源与访问条件

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

目录入口

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

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

  1. Interactive Feature Stack

    动效参考 · 具体条目入口

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

  2. Button Animation

    动效参考 · 具体条目入口

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

  3. Intro Hero Reveal

    动效参考 · 具体条目入口

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

  4. Feature Grid Hover Lift

    动效参考 · 具体条目入口

    相关词:网格、悬停、鼠标悬停、发光、光晕、背景、光标、鼠标、指针、三维、3D、AI

  5. Interactive Feature Card Grid

    动效参考 · 具体条目入口

    相关词:按钮、标签、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI

  6. Hero Perspective Stage

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、网格、首屏、主视觉、光标、鼠标、指针、三维、3D、AI、人工智能

  7. Stat Counter Grid

    动效参考 · 具体条目入口

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

  8. Glow Cta Button

    动效参考 · 具体条目入口

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

  9. Color Morph Pill Button

    动效参考 · 具体条目入口

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

  10. Tabbed Testimonial Slider

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、滑块、滑杆、标签页、选项卡、卡片、首屏、主视觉、用户评价、光标、鼠标

  11. Cta Hover Button

    动效参考 · 具体条目入口

    相关词:按钮、悬停、鼠标悬停、背景、光标、鼠标、指针、动画、动效、AI、人工智能、箭头

  12. Hero Tea Pour

    动效参考 · 具体条目入口

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

  13. Scroll Collapse Hero Grid

    动效参考 · 具体条目入口

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

  14. Alternating Vertical Timeline

    动效参考 · 具体条目入口

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

  15. Modal Card Expand

    动效参考 · 具体条目入口

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

  16. Hero Floating Pills Cluster

    动效参考 · 具体条目入口

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

  17. Interactive 3D Orbit Hero

    动效参考 · 具体条目入口

    相关词:网格、首屏、主视觉、光标、鼠标、指针、动画、动效、拖拽、拖动、三维、3D

  18. Scroll Showcase Card

    动效参考 · 具体条目入口

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

  19. Product Package Reveal Card

    动效参考 · 具体条目入口

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

  20. Hero Cta Pill Group

    动效参考 · 具体条目入口

    相关词:弹窗、对话框、模态框、按钮、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、动画

  21. Interactive Article Accordion List

    动效参考 · 具体条目入口

    相关词:手风琴、折叠面板、卡片、列表、悬停、鼠标悬停、光标、鼠标、指针、图片、AI、人工智能

  22. Interactive Career Card List

    动效参考 · 具体条目入口

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

  23. Sheet Wipe Page Transition

    动效参考 · 具体条目入口

    相关词:抽屉、面板、卡片、光标、鼠标、指针、AI、人工智能

  24. Hover Reveal Gradient Cards

    动效参考 · 具体条目入口

    相关词:按钮、卡片、网格、悬停、鼠标悬停、渐变、光标、鼠标、指针、揭示、出现、入场

  25. Fintech Hero Reveal

    动效参考 · 具体条目入口

    相关词:按钮、卡片、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场

  26. Hero Intro Expand Card

    动效参考 · 具体条目入口

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

  27. Hero Cta Button

    动效参考 · 具体条目入口

    相关词:按钮、首屏、主视觉、悬停、鼠标悬停、背景、光标、鼠标、指针、动画、动效、AI

  28. Product Showcase Slider

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、滑块、滑杆、光标、鼠标、指针、图片、AI、人工智能、箭头

  29. Expanding Tab Product Showcase

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、标签页、选项卡、列表、光标、鼠标、指针、文字、文本、AI、人工智能

  30. Continuous Text Ticker

    动效参考 · 具体条目入口

    相关词:光标、鼠标、指针、滚动、文字、文本、动画、动效、AI、人工智能、线性

  31. Alternating Feature Section

    动效参考 · 具体条目入口

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

  32. Button Animation

    动效参考 · 具体条目入口

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

  33. Iridescent Hero Reveal

    动效参考 · 具体条目入口

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

  34. Alternating Feature Scroll

    动效参考 · 具体条目入口

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

  35. Morphing Mega Menu

    动效参考 · 具体条目入口

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

  36. Continuous Testimonial Marquee

    动效参考 · 具体条目入口

    相关词:跑马灯、轮播、滚动列表、卡片、用户评价、光标、鼠标、指针、滚动、动画、动效、AI

  37. Vertical Story Tabs

    动效参考 · 具体条目入口

    相关词:标签页、选项卡、光标、鼠标、指针、淡入、淡出、AI、人工智能

  38. Interactive Feature Card Grid

    动效参考 · 具体条目入口

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

  39. Auto Advancing Split Testimonial

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、徽章、状态标签、卡片、用户评价、进度条、光标、鼠标、指针、动画、动效

  40. Stepped Card Carousel

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、导航、分页、卡片、光标、鼠标、指针、揭示、出现、入场、AI

  41. Icon Feature Badge Grid

    动效参考 · 具体条目入口

    相关词:环形、圆形、徽章、状态标签、网格、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

  42. Sticky Stack Cards

    动效参考 · 具体条目入口

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

  43. Rotating Circular Badge

    动效参考 · 具体条目入口

    相关词:环形、圆形、徽章、状态标签、光标、鼠标、指针、滚动、文字、文本、AI、人工智能

  44. Scallop Reveal Footer

    动效参考 · 具体条目入口

    相关词:卡片、页脚、光标、鼠标、指针、滚动、揭示、出现、入场、动画、动效、AI

  45. Journey Timeline Scroll

    动效参考 · 具体条目入口

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

  46. Tabbed Feature Showcase

    动效参考 · 具体条目入口

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

  47. Feature Slide Showcase

    动效参考 · 具体条目入口

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

  48. Sliding Pill Tabs

    动效参考 · 具体条目入口

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

  49. Article Row List

    动效参考 · 具体条目入口

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

  50. Morphing Dropdown Nav

    动效参考 · 具体条目入口

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

  51. Glowing Pill Button

    动效参考 · 具体条目入口

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

  52. Pill Action Button

    动效参考 · 具体条目入口

    相关词:按钮、悬停、鼠标悬停、背景、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

  53. Hero Cta Buttons

    动效参考 · 具体条目入口

    相关词:按钮、首屏、主视觉、悬停、鼠标悬停、渐变、背景、光标、鼠标、指针、动画、动效

  54. Curved Footer Reveal

    动效参考 · 具体条目入口

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

  55. Vertical Stream Feature Card

    动效参考 · 具体条目入口

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

  56. Multi Column Vertical Marquee

    动效参考 · 具体条目入口

    相关词:跑马灯、轮播、滚动列表、卡片、网格、首屏、主视觉、光标、鼠标、指针、滚动、AI

  57. Interactive Tabbed Feature Ecosystem

    动效参考 · 具体条目入口

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

  58. Template Showcase Grid

    动效参考 · 具体条目入口

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

  59. Pricing Interval Toggle

    动效参考 · 具体条目入口

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

  60. Interactive Stepper Showcase

    动效参考 · 具体条目入口

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

  61. Fluid Tile Page Transition

    动效参考 · 具体条目入口

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

  62. Typewriter Headline Cycler

    动效参考 · 具体条目入口

    相关词:首屏、主视觉、光标、鼠标、指针、文字、文本、打字机、打字、动画、动效、AI

  63. Accordion Animation

    动效参考 · 具体条目入口

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

  64. Pricing Tier Toggle Matrix

    动效参考 · 具体条目入口

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

  65. Testimonial Card Carousel

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、滑块、滑杆、导航、头像、卡片、用户评价、光标、鼠标、指针、AI

  66. Morphing Nav Dropdown

    动效参考 · 具体条目入口

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

  67. Theme Swatch Card Preview

    动效参考 · 具体条目入口

    相关词:按钮、卡片、光标、鼠标、指针、AI、人工智能、排版、字体

  68. Scroll Feature Showcase

    动效参考 · 具体条目入口

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

  69. Checkout Offer Ticker

    动效参考 · 具体条目入口

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

  70. Hero Phone Parallax Preview

    动效参考 · 具体条目入口

    相关词:徽章、状态标签、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、三维、3D、AI

  71. Stacked Testimonial Carousel

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、徽章、状态标签、卡片、用户评价、光标、鼠标、指针、AI、人工智能

  72. Scroll Focus List

    动效参考 · 具体条目入口

    相关词:折线、线条、列表、光标、鼠标、指针、滚动、淡入、淡出、文字、文本、动画

  73. Isometric Tile Stream

    动效参考 · 具体条目入口

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

  74. Sticky Feature Card Deck

    动效参考 · 具体条目入口

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

  75. Dual Row Marquee Grid

    动效参考 · 具体条目入口

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

  76. Circuit Tab Showcase

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、标签页、选项卡、分页、卡片、首屏、主视觉、进度条、光标、鼠标、指针

  77. Device Preview Switcher

    动效参考 · 具体条目入口

    相关词:切换、开关、标签页、选项卡、光标、鼠标、指针、AI、人工智能

  78. Hero Synced Word Showcase

    动效参考 · 具体条目入口

    相关词:轮播、轮播图、卡片、首屏、主视觉、光标、鼠标、指针、动画、动效、AI、人工智能

  79. Sticky Pricing Matrix

    动效参考 · 具体条目入口

    相关词:按钮、定价、价格、光标、鼠标、指针、滚动、AI、人工智能