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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Circular Card Orbit

    动效参考 · 具体条目入口

    相关词：环形、圆形、卡片、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、文字、文本

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

  2. Carousel Animation

    动效参考 · 具体条目入口

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

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

  3. Infinite Card Marquee

    动效参考 · 具体条目入口

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

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

  4. Hero Highlight Reveal

    动效参考 · 具体条目入口

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

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

  5. Scrubber Project Stage

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、卡片、光标、鼠标、指针、拖拽、拖动、AI、人工智能

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

  6. Interactive Headline Badge

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、悬停、鼠标悬停、背景、光标、鼠标、指针、文字、文本、AI、人工智能

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

  7. Concentric Orbiting Text Badge

    动效参考 · 具体条目入口

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

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

  8. Multi Column Parallax Hero

    动效参考 · 具体条目入口

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

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

  9. Sequenced Hero Intro

    动效参考 · 具体条目入口

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

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

  10. Scroll Marquee Transition

    动效参考 · 具体条目入口

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

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

  11. Scroll Animation

    动效参考 · 具体条目入口

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

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

  12. Hero Preloader Reveal

    动效参考 · 具体条目入口

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

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

  13. Hero To Inline Media Collapse

    动效参考 · 具体条目入口

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

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

  14. Pinned Step Showcase

    动效参考 · 具体条目入口

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

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

  15. Hero Scatter Reveal

    动效参考 · 具体条目入口

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

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

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

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

  16. Carousel Animation

    动效参考 · 具体条目入口

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

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

  17. Orbiting Path Text

    动效参考 · 具体条目入口

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

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

  18. Arc To Stack Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、卡片、首屏、主视觉、光标、鼠标、指针、滚动、三维、3D、AI

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

  19. Hero Intro Crosshair Grid

    动效参考 · 具体条目入口

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

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

  20. Pinned Portrait Carousel

    动效参考 · 具体条目入口

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

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

  21. Hero Hover Image Reveal

    动效参考 · 具体条目入口

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

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

  22. Workout Timer Rings Showcase

    动效参考 · 具体条目入口

    相关词：卡片、网格、进度条、光标、鼠标、指针、滚动、动画、动效、AI、人工智能、排版

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

  23. Tech Product Grid

    动效参考 · 具体条目入口

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

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

  24. Footer Wordmark Reveal

    动效参考 · 具体条目入口

    相关词：页脚、光标、鼠标、指针、滚动、揭示、出现、入场、文字、文本、动画、动效

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

  25. Hover Reveal Cta Bar

    动效参考 · 具体条目入口

    相关词：按钮、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、动画、动效、AI

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

  26. Dock Popover Menu

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、菜单、程序坞、导航、悬停、鼠标悬停、光标、鼠标、指针、图片、AI

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

  27. Tars Hero Interactive Prism

    动效参考 · 具体条目入口

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

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

  28. Scatter Dot Matrix Text

    动效参考 · 具体条目入口

    相关词：表单、首屏、主视觉、悬停、鼠标悬停、粒子、光标、鼠标、指针、文字、文本、动画

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

  29. Two Up Sliding Carousel

    动效参考 · 具体条目入口

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

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

  30. Inline Filter Strip

    动效参考 · 具体条目入口

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

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

  31. Kinetic Split Typography Hero

    动效参考 · 具体条目入口

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

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

  32. Fintech Card Showcase

    动效参考 · 具体条目入口

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

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

  33. Intro Reel Hero Expander

    动效参考 · 具体条目入口

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

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

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

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

  34. Framed Scroll Stage

    动效参考 · 具体条目入口

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

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

  35. Svg Loader Intro Transition

    动效参考 · 具体条目入口

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

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

  36. Scatter Reveal Hero

    动效参考 · 具体条目入口

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

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

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

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

  37. Scroll Typography Roller

    动效参考 · 具体条目入口

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

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

  38. Scroll Shrink Hero Banner

    动效参考 · 具体条目入口

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

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

  39. Centered Avatar Testimonial Carousel

    动效参考 · 具体条目入口

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

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

  40. Interactive Media Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、文字、文本

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

  41. Hero Headline Wave Reveal

    动效参考 · 具体条目入口

    相关词：折线、线条、首屏、主视觉、光标、鼠标、指针、滚动、揭示、出现、入场、交错

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

  42. Typographic Style Looper

    动效参考 · 具体条目入口

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

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

  43. Inverted List Dropdown

    动效参考 · 具体条目入口

    相关词：折线、线条、菜单、下拉菜单、列表、首屏、主视觉、悬停、鼠标悬停、背景、光标、鼠标

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

  44. Creative Matrix Selector

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、网格、光标、鼠标、指针、动画、动效、AI、人工智能

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

  45. Frosted Feature Carousel

    动效参考 · 具体条目入口

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

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

  46. Alternating Vertical Logo Marquee

    动效参考 · 具体条目入口

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

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

  47. Rolling Text Button

    动效参考 · 具体条目入口

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

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

  48. Striped Cta Button

    动效参考 · 具体条目入口

    相关词：按钮、背景、光标、鼠标、指针、AI、人工智能、排版、字体

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

  49. Interactive Value Columns Pixel Mascot

    动效参考 · 具体条目入口

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

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

  50. Typography Hover Media Reveal

    动效参考 · 具体条目入口

    相关词：卡片、悬停、鼠标悬停、背景、光标、鼠标、指针、揭示、出现、入场、文字、文本

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

  51. Hud Capabilities Card

    动效参考 · 具体条目入口

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

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

  52. Scroll Curated Showcase

    动效参考 · 具体条目入口

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

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

  53. Stat Hero Flag Badge

    动效参考 · 具体条目入口

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

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

  54. Scroll Driven Character Feature Section

    动效参考 · 具体条目入口

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

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

  55. Sticky Footer Reveal

    动效参考 · 具体条目入口

    相关词：页脚、背景、光标、鼠标、指针、滚动、揭示、出现、入场、动画、动效、AI

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

  56. Inline Headline Reel Cta

    动效参考 · 具体条目入口

    相关词：光标、鼠标、指针、视频、AI、人工智能

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

  57. Portal Marquee Strip

    动效参考 · 具体条目入口

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

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

  58. Popup Nav Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、按钮、菜单、导航、导航栏、卡片、光标、鼠标、指针、动画

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

  59. Hero Media Canvas

    动效参考 · 具体条目入口

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

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

  60. Sticky Process Steps

    动效参考 · 具体条目入口

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

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

  61. Eyeball Showreel Hero

    动效参考 · 具体条目入口

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

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

  62. Hero Media Badge Entrance

    动效参考 · 具体条目入口

    相关词：环形、圆形、徽章、状态标签、首屏、主视觉、光标、鼠标、指针、滚动、三维、3D

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

  63. Exclusive Accordion Services

    动效参考 · 具体条目入口

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

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

  64. Kinetic Bracket Reveal

    动效参考 · 具体条目入口

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

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

  65. Curtain Loader Reveal

    动效参考 · 具体条目入口

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

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

  66. Case Study Preview Grid

    动效参考 · 具体条目入口

    相关词：标签、卡片、网格、光标、鼠标、指针、图片、视频、AI、人工智能

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

  67. Sliding Pill Nav

    动效参考 · 具体条目入口

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

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

  68. Synced Media Hover List

    动效参考 · 具体条目入口

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

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

  69. Scroll Domino Cards

    动效参考 · 具体条目入口

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

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

  70. Concentric Orbital Card Carousel

    动效参考 · 具体条目入口

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

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

  71. Hover Project List

    动效参考 · 具体条目入口

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

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

  72. Expandable Bottom Sheet Menu

    动效参考 · 具体条目入口

    相关词：抽屉、面板、菜单、导航、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

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

  73. Airplane Banner Float

    动效参考 · 具体条目入口

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

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

  74. Story Feature Card

    动效参考 · 具体条目入口

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

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

  75. Stacking Quote Card

    动效参考 · 具体条目入口

    相关词：按钮、菜单、卡片、用户评价、背景、光标、鼠标、指针、AI、人工智能

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

  76. Expandable Preview Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、按钮、列表、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场

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

  77. Sticky Stack Reveal

    动效参考 · 具体条目入口

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

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

  78. Scroll Converge Hero

    动效参考 · 具体条目入口

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

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

  79. Stacking Process Cards

    动效参考 · 具体条目入口

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

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

  80. Interactive Case Study Card

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、菜单、徽章、状态标签、卡片、悬停、鼠标悬停、光标、鼠标、指针、AI

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