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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Hero Hover Ambient Gallery

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、悬停、鼠标悬停、背景、光标、鼠标、指针、图片、画廊、图片展示、AI

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

  2. Segmented Story Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、折线、线条、卡片、进度条、光标、鼠标、指针、滚动、AI、人工智能

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

  3. Typewriter Stream Hero

    动效参考 · 具体条目入口

    相关词：卡片、首屏、主视觉、光标、鼠标、指针、揭示、出现、入场、文字、文本、打字机

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

  4. Intro Reveal Gallery

    动效参考 · 具体条目入口

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

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

  5. Project Showcase Stack

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、标签、卡片、光标、鼠标、指针、滚动、揭示、出现、入场、动画

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

  6. Media Cursor Follower

    动效参考 · 具体条目入口

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

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

  7. Hover Preview List

    动效参考 · 具体条目入口

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

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

  8. Intro Curtain Reveal

    动效参考 · 具体条目入口

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

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

  9. Testimonial Card Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、按钮、卡片、用户评价、进度条、光标、鼠标、指针、动画、动效、AI

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

  10. Staggered Portfolio Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、卡片、光标、鼠标、指针、拖拽、拖动、画廊、图片展示、AI、人工智能

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

  11. Dual Discipline Hero

    动效参考 · 具体条目入口

    相关词：切换、开关、导航、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

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

  12. Arrow Field Tracker Button

    动效参考 · 具体条目入口

    相关词：按钮、网格、光标、鼠标、指针、动画、动效、AI、人工智能、用户、箭头

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

  13. Pill Action Button

    动效参考 · 具体条目入口

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

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

  14. Rolling Text Link Menu

    动效参考 · 具体条目入口

    相关词：菜单、列表、光标、鼠标、指针、文字、文本、AI、人工智能

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

  15. Tabbed Flow Marquee Showcase

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、选择器、下拉选择、标签页、选项卡、光标、鼠标、指针、文字、文本

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

  16. Icon Slide Cta Button

    动效参考 · 具体条目入口

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

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

  17. Split Text Hero Card

    动效参考 · 具体条目入口

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

    已核验画面：左对齐首屏、浅色、鲜明色彩 · 2026-10-14

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

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

  18. Stipple Wave Footer

    动效参考 · 具体条目入口

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

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

  19. Illustrative Bookshelf Nav

    动效参考 · 具体条目入口

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

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

  20. Async Logo Grid

    动效参考 · 具体条目入口

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

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

  21. Quadrant Hover Reveal

    动效参考 · 具体条目入口

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

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

  22. Floating Badge Cluster

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、页脚、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、动画

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

  23. Live Countdown Hero Card

    动效参考 · 具体条目入口

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

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

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

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

  24. Interactive Portfolio Card

    动效参考 · 具体条目入口

    相关词：抽屉、标签、卡片、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、AI

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

  25. Retro Terminal Button

    动效参考 · 具体条目入口

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

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

  26. Hover Expand Gallery Strip

    动效参考 · 具体条目入口

    相关词：卡片、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、淡入、淡出、画廊、图片展示

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

  27. Continuous Card Marquee

    动效参考 · 具体条目入口

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

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

  28. Mosaic Hero Intro

    动效参考 · 具体条目入口

    相关词：按钮、网格、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、图片

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

  29. Terms Split Hero Slider

    动效参考 · 具体条目入口

    相关词：滑块、滑杆、首屏、主视觉、光标、鼠标、指针、滚动、文字、文本、AI、人工智能

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

  30. Kinetic Char Headline Hero

    动效参考 · 具体条目入口

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

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

  31. Scroll Accordion Stack

    动效参考 · 具体条目入口

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

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

  32. Knockout Text Hero

    动效参考 · 具体条目入口

    相关词：卡片、首屏、主视觉、背景、光标、鼠标、指针、滚动、文字、文本、图片、AI

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

  33. Continuous Project Strip

    动效参考 · 具体条目入口

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

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

  34. Directional Hover Media Card

    动效参考 · 具体条目入口

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

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

  35. Intro Hero Stage

    动效参考 · 具体条目入口

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

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

  36. Hero Interactive Badge Card

    动效参考 · 具体条目入口

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

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

  37. Hover Zoom Product Card Grid

    动效参考 · 具体条目入口

    相关词：卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、图片、画廊、图片展示

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

  38. Pinned Split Scroll Showcase

    动效参考 · 具体条目入口

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

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

  39. Hero Masked Text Reveal

    动效参考 · 具体条目入口

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

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

  40. Cursor Follow Badge Card Grid

    动效参考 · 具体条目入口

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

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

  41. Arc Timeline Slider

    动效参考 · 具体条目入口

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

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

  42. Satellite Parallax Showcase

    动效参考 · 具体条目入口

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

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

  43. Inflection Hero Intro

    动效参考 · 具体条目入口

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

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

  44. Staggered Logo Grid Fader

    动效参考 · 具体条目入口

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

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

  45. Vertical Hero Slider

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、滑块、滑杆、首屏、主视觉、光标、鼠标、指针、动画、动效、图片

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

  46. Split Viewport Scroll Showcase

    动效参考 · 具体条目入口

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

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

  47. Hero Intro Reveal

    动效参考 · 具体条目入口

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

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

  48. Team Member Card Portrait Swap

    动效参考 · 具体条目入口

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

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

  49. Hero Intro Reveal

    动效参考 · 具体条目入口

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

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

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

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

  50. Auto Cycling Hero Fader

    动效参考 · 具体条目入口

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

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

  51. Pixel Hero Scroll Stage

    动效参考 · 具体条目入口

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

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

  52. Stepped Spectrum Footer

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、页脚、渐变、光标、鼠标、指针、滚动、AI、人工智能

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

  53. Cycling Hero Headline

    动效参考 · 具体条目入口

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

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

  54. Pulse Animation

    动效参考 · 具体条目入口

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

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

  55. Dual Panel Hover Hero

    动效参考 · 具体条目入口

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

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

  56. Cycling Bento Card

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、卡片、模块化布局、格子、网格、光标、鼠标、指针、文字、文本、动画

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

  57. Kinetic Variable Text Banner

    动效参考 · 具体条目入口

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

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

  58. Scroll Hero Bento Reveal

    动效参考 · 具体条目入口

    相关词：按钮、徽章、状态标签、卡片、模块化布局、格子、首屏、主视觉、光标、鼠标、指针、滚动

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

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

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

  59. Metric Animation

    动效参考 · 具体条目入口

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

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

  60. Segmented Feature Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、图表、饼图、导航、卡片、进度条、光标、鼠标、指针、滚动、AI

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

  61. Vertical Text Cycler

    动效参考 · 具体条目入口

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

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

  62. Typographic Specimen Hero

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、环形、圆形、卡片、首屏、主视觉、加载、加载动画、光标、鼠标、指针

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

  63. Shared Pill Social Dock

    动效参考 · 具体条目入口

    相关词：按钮、程序坞、导航、悬停、鼠标悬停、背景、光标、鼠标、指针、AI、人工智能、图标

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

  64. Vertical Rotator Feature Section

    动效参考 · 具体条目入口

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

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

  65. Staggered Layered Cards Hero

    动效参考 · 具体条目入口

    相关词：卡片、网格、首屏、主视觉、光标、鼠标、指针、滚动、文字、文本、动画、动效

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

  66. Scroll Story Showcase

    动效参考 · 具体条目入口

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

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

  67. Hero Intro Magnetic Stage

    动效参考 · 具体条目入口

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

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

  68. Iridescent Footer Ribbon

    动效参考 · 具体条目入口

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

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

  69. Cultural Pillar Cards

    动效参考 · 具体条目入口

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

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

  70. Banner Animation

    动效参考 · 具体条目入口

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

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

  71. Hero Curtain Intro Text Cycle

    动效参考 · 具体条目入口

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

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

  72. Hero Media Crossfade

    动效参考 · 具体条目入口

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

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

  73. Scroll Story Timeline

    动效参考 · 具体条目入口

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

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

  74. Cycling Spotlight Hero

    动效参考 · 具体条目入口

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

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

  75. Kinetic Typography Footer Matrix

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、网格、页脚、光标、鼠标、指针、文字、文本、AI、人工智能、排版

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

  76. Interactive Feature Grid

    动效参考 · 具体条目入口

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

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

  77. Kinetic Narrative Hero

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、环形、圆形、首屏、主视觉、光标、鼠标、指针、动画、动效、图片

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

  78. Rotate Animation

    动效参考 · 具体条目入口

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

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

  79. Split Reveal Hero Intro

    动效参考 · 具体条目入口

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

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

  80. Expanding Bento Grid

    动效参考 · 具体条目入口

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

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

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

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