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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Hold To Commit Button

    动效参考 · 具体条目入口

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

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

  2. Onboarding Progress Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、环形、圆形、进度条、光标、鼠标、指针、动画、动效、AI、人工智能

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

  3. Interstitial Step Flow

    动效参考 · 具体条目入口

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

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

  4. Staggered Onboarding Reveal

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、首屏、主视觉、光标、鼠标、指针、滚动、揭示、出现、入场、AI

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

  5. Scanning Calendar Loader

    动效参考 · 具体条目入口

    相关词：日历、加载、加载动画、光标、鼠标、指针、AI、人工智能

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

  6. Permission Alert Modal

    动效参考 · 具体条目入口

    相关词：警告、提示、弹窗、对话框、模态框、按钮、光标、鼠标、指针、AI、人工智能

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

  7. Press And Hold Commit Button

    动效参考 · 具体条目入口

    相关词：按钮、进度条、渐变、光标、鼠标、指针、文字、文本、动画、动效、AI、人工智能

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

  8. Expandable Survey Card Group

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、选择器、下拉选择、卡片、光标、鼠标、指针、AI、人工智能

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

  9. Onboarding Name Greeting Transition

    动效参考 · 具体条目入口

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

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

  10. Celebration Success Splash

    动效参考 · 具体条目入口

    相关词：按钮、徽章、状态标签、粒子、彩纸、庆祝、光标、鼠标、指针、AI、人工智能

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

  11. Paywall Plan Toggle

    动效参考 · 具体条目入口

    相关词：切换、开关、徽章、状态标签、定价、价格、光标、鼠标、指针、动画、动效、AI

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

  12. Chess Story Gallery Grid

    动效参考 · 具体条目入口

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

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

  13. Hero Video Showcase

    动效参考 · 具体条目入口

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

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

  14. Auto Showcase Card

    动效参考 · 具体条目入口

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

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

  15. Multi Column Vertical Marquee

    动效参考 · 具体条目入口

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

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

  16. Hero Spotlight Illumination

    动效参考 · 具体条目入口

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

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

  17. Hero Media Showcase

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、徽章、状态标签、卡片、首屏、主视觉、光标、鼠标、指针、动画、动效

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

  18. Scroll Stage Showcase

    动效参考 · 具体条目入口

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

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

  19. Centered Badge Infinite Marquee

    动效参考 · 具体条目入口

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

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

  20. Scale Animation

    动效参考 · 具体条目入口

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

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

  21. Scroll Reveal Section

    动效参考 · 具体条目入口

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

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

  22. Interactive Portfolio Showcase

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、光标、鼠标、指针、滚动、三维、3D、AI、人工智能

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

  23. Kinetic Ring Hero

    动效参考 · 具体条目入口

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

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

  24. Horizontal Process Timeline

    动效参考 · 具体条目入口

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

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

  25. Portal Card Cycler

    动效参考 · 具体条目入口

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

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

  26. Helix Path Tracer

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、光标、鼠标、指针、滚动、动画、动效、三维、3D、AI、人工智能

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

  27. Floating Contact Capsule

    动效参考 · 具体条目入口

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

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

  28. Monospace Tag Link

    动效参考 · 具体条目入口

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

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

  29. Orbital Universe Hero

    动效参考 · 具体条目入口

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

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

  30. Pill Hover Nav Group

    动效参考 · 具体条目入口

    相关词：按钮、通知、消息提示、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI、人工智能

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

  31. Morphing Track Badge

    动效参考 · 具体条目入口

    相关词：按钮、徽章、状态标签、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、文字、文本

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

  32. Angled Cylinder Ticker

    动效参考 · 具体条目入口

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

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

  33. Metric Animation

    动效参考 · 具体条目入口

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

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

  34. Alternating Deck Showcase

    动效参考 · 具体条目入口

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

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

  35. 3D Cube Loader Hero Reveal

    动效参考 · 具体条目入口

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

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

  36. Corner Nav Panel

    动效参考 · 具体条目入口

    相关词：按钮、切换、开关、菜单、导航、卡片、首屏、主视觉、光标、鼠标、指针、动画

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

  37. Scroll Story Card Cloud

    动效参考 · 具体条目入口

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

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

  38. Angled Marquee List

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、列表、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、AI

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

  39. Footer Walk Mascot

    动效参考 · 具体条目入口

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

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

  40. Alternating Logo Marquee

    动效参考 · 具体条目入口

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

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

  41. Techto Hover Button

    动效参考 · 具体条目入口

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

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

  42. Floating Dots Card Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、滑块、滑杆、导航、卡片、光标、鼠标、指针、动画、动效、AI

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

  43. Product Card Hover Crossfade

    动效参考 · 具体条目入口

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

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

  44. Scroll Metric Counter

    动效参考 · 具体条目入口

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

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

  45. Inline Media Heading

    动效参考 · 具体条目入口

    相关词：光标、鼠标、指针、滚动、动画、动效、三维、3D、AI、人工智能、排版、字体

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

  46. Morphing Scatter Hero Intro

    动效参考 · 具体条目入口

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

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

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

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

  47. Staggered Vertical Marquee Grid

    动效参考 · 具体条目入口

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

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

  48. Sliding Tab Segmented Control

    动效参考 · 具体条目入口

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

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

  49. Indexed Nav Hover

    动效参考 · 具体条目入口

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

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

  50. Dismissible Bottom Announcement Banner

    动效参考 · 具体条目入口

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

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

  51. Showcase List Preview

    动效参考 · 具体条目入口

    相关词：卡片、列表、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、图片

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

  52. Button Animation

    动效参考 · 具体条目入口

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

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

  53. Text Word Cycle

    动效参考 · 具体条目入口

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

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

  54. Scroll Stagger Cards

    动效参考 · 具体条目入口

    相关词：卡片、光标、鼠标、指针、滚动、文字、文本、交错、逐个出现、动画、动效、AI

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

  55. Hero Floating Badges

    动效参考 · 具体条目入口

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

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

  56. Sticky Media Stage

    动效参考 · 具体条目入口

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

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

  57. Glass Orb Hero

    动效参考 · 具体条目入口

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

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

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

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

  58. Hero Ambient Floating Badge

    动效参考 · 具体条目入口

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

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

  59. Interactive Bento Card Grid

    动效参考 · 具体条目入口

    相关词：导航、卡片、模块化布局、格子、网格、光标、鼠标、指针、AI、人工智能、箭头

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

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

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

  60. Staggered Parallax Grid Gallery

    动效参考 · 具体条目入口

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

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

  61. Scroll Scrub Headline Section

    动效参考 · 具体条目入口

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

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

  62. Cursor Follower Pill

    动效参考 · 具体条目入口

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

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

  63. Sticky Note Profile Grid

    动效参考 · 具体条目入口

    相关词：卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、动画、动效、AI

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

  64. Orbital Hero Glow

    动效参考 · 具体条目入口

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

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

  65. Orbital Node Hub

    动效参考 · 具体条目入口

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

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

  66. Horizontal Showcase Slider

    动效参考 · 具体条目入口

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

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

  67. Multi Stream Hub Reveal

    动效参考 · 具体条目入口

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

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

  68. Morphing Dropdown Nav

    动效参考 · 具体条目入口

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

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

  69. Interactive Particle Repulsion Field

    动效参考 · 具体条目入口

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

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

  70. Speckled Banner Marquee

    动效参考 · 具体条目入口

    相关词：环形、圆形、跑马灯、轮播、滚动列表、按钮、悬停、鼠标悬停、粒子、光标、鼠标、指针

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

  71. Interactive Footer Grid

    动效参考 · 具体条目入口

    相关词：按钮、输入框、卡片、网格、页脚、光标、鼠标、指针、AI、人工智能

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

  72. Floating Bottom Pill Nav

    动效参考 · 具体条目入口

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

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

  73. Media Cursor Badge Card

    动效参考 · 具体条目入口

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

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

  74. Draggable Badge Physics Heap

    动效参考 · 具体条目入口

    相关词：环形、圆形、徽章、状态标签、光标、鼠标、指针、拖拽、拖动、AI、人工智能

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

  75. Interactive Hover Link

    动效参考 · 具体条目入口

    相关词：页脚、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、动画、动效、AI、人工智能

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

  76. Liquid Wave Footer

    动效参考 · 具体条目入口

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

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

  77. Geometric Wireframe Hero

    动效参考 · 具体条目入口

    相关词：导航、首屏、主视觉、光标、鼠标、指针、滚动、动画、动效、三维、3D、AI

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

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

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

  78. Stacked Feature Tabs

    动效参考 · 具体条目入口

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

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

  79. Blur Transition Scatter Hero

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、模糊、图片

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

  80. Scroll Reveal Hero Glow Stage

    动效参考 · 具体条目入口

    相关词：按钮、导航、程序坞、首屏、主视觉、发光、光晕、渐变、光标、鼠标、指针、滚动

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

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

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