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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Template Library Card

    动效参考 · 具体条目入口

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

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

  2. Dual Orbital Hero

    动效参考 · 具体条目入口

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

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

  3. Psychic Oracle Flow

    动效参考 · 具体条目入口

    相关词：按钮、输入框、涟漪、波纹、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

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

  4. Audio Listening Radar

    动效参考 · 具体条目入口

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

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

  5. Hold To Start Button

    动效参考 · 具体条目入口

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

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

  6. Emotion Matrix Picker

    动效参考 · 具体条目入口

    相关词：网格、光标、鼠标、指针、AI、人工智能、勾选、成功

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

  7. Expandable Workout Card

    动效参考 · 具体条目入口

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

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

  8. Floating Scatter Hero

    动效参考 · 具体条目入口

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

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

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

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

  9. Isometric Card Stream

    动效参考 · 具体条目入口

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

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

  10. Daylight Device Showcase

    动效参考 · 具体条目入口

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

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

  11. Collage Reveal Hero

    动效参考 · 具体条目入口

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

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

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

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

  12. Scroll Feature Overlay Grid

    动效参考 · 具体条目入口

    相关词：卡片、网格、首屏、主视觉、背景、光标、鼠标、指针、滚动、模糊、AI、人工智能

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

  13. Scatter Preview Canvas

    动效参考 · 具体条目入口

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

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

  14. Infinite Logo Marquee

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、首屏、主视觉、悬停、鼠标悬停、渐变、光标、鼠标、指针、滚动

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

  15. Cycling Preview Deck

    动效参考 · 具体条目入口

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

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

  16. Split Showcase Hero

    动效参考 · 具体条目入口

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

    已核验画面：左右分栏、浅色、简洁留白 · 2026-10-14

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

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

  17. Horizontal Split Slider

    动效参考 · 具体条目入口

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

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

  18. Morphing Media Grid

    动效参考 · 具体条目入口

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

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

  19. Morphing Waveform Visualizer

    动效参考 · 具体条目入口

    相关词：折线、线条、网格、发光、光晕、光标、鼠标、指针、AI、人工智能、首页、房子

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

  20. Mobile Bottom Sheet Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、抽屉、面板、卡片、光标、鼠标、指针、淡入、淡出、动画

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

  21. App Store Expandable Card

    动效参考 · 具体条目入口

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

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

  22. Expandable Bottom Sheet Bar

    动效参考 · 具体条目入口

    相关词：抽屉、面板、搜索、光标、鼠标、指针、动画、动效、AI、人工智能

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

  23. Expandable Search Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、搜索、光标、鼠标、指针、揭示、出现、入场、动画、动效

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

  24. Mobile Search Overlay

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、输入框、搜索、光标、鼠标、指针、AI、人工智能、图标

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

  25. Expanding Search Header

    动效参考 · 具体条目入口

    相关词：输入框、导航、搜索、光标、鼠标、指针、动画、动效、AI、人工智能、图标

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

  26. Story Onboarding Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、进度条、光标、鼠标、指针、AI、人工智能

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

  27. Splash Confetti Hero

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、粒子、彩纸、庆祝、光标、鼠标、指针、滚动、AI、人工智能

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

  28. Audio Onboarding Card

    动效参考 · 具体条目入口

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

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

  29. Animated Checklist Dismiss

    动效参考 · 具体条目入口

    相关词：列表、光标、鼠标、指针、动画、动效、AI、人工智能、勾选、成功、暂停

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

  30. Confetti Success Screen

    动效参考 · 具体条目入口

    相关词：按钮、复选框、多选框、彩纸、庆祝、光标、鼠标、指针、AI、人工智能

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

  31. Tap To Commit Fist Bump

    动效参考 · 具体条目入口

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

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

  32. Celebration Summary Screen

    动效参考 · 具体条目入口

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

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

  33. Expandable Search Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、抽屉、面板、搜索、光标、鼠标、指针、AI、人工智能

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

  34. Orbiting Hero Carousel

    动效参考 · 具体条目入口

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

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

  35. Splash Onboarding Reveal

    动效参考 · 具体条目入口

    相关词：按钮、涟漪、波纹、光标、鼠标、指针、揭示、出现、入场、AI、人工智能、音乐

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

  36. Modal Submit Success Badge

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、抽屉、面板、徽章、状态标签、光标、鼠标、指针、动画、动效

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

  37. Spectrum Glow Button

    动效参考 · 具体条目入口

    相关词：按钮、发光、光晕、光标、鼠标、指针、模糊、AI、人工智能

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

  38. Splash Avatar Intro

    动效参考 · 具体条目入口

    相关词：按钮、头像、登录、注册、认证、光标、鼠标、指针、动画、动效、AI、人工智能

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

  39. Splash Ribbon Reveal

    动效参考 · 具体条目入口

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

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

  40. Button Animation

    动效参考 · 具体条目入口

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

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

  41. Stat Highlight Oval

    动效参考 · 具体条目入口

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

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

  42. Cta Email Button Hover

    动效参考 · 具体条目入口

    相关词：按钮、输入框、登录、注册、认证、悬停、鼠标悬停、渐变、光标、鼠标、指针、AI

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

  43. Animated Faq Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、切换、开关、列表、常见问题、光标、鼠标、指针、淡入、淡出、动画

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

  44. Feature Accordion Showcase

    动效参考 · 具体条目入口

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

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

  45. Expandable Faq Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、列表、常见问题、光标、鼠标、指针、AI、人工智能

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

  46. Hero Cta Pair

    动效参考 · 具体条目入口

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

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

  47. Hover Action Dropdown

    动效参考 · 具体条目入口

    相关词：按钮、菜单、下拉菜单、列表、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

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

  48. Animated Nav Dropdown

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、菜单、下拉菜单、导航、网格、悬停、鼠标悬停、光标、鼠标、指针、揭示

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

  49. Topic Filter Grid

    动效参考 · 具体条目入口

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

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

  50. Alternating Feature Sections

    动效参考 · 具体条目入口

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

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

  51. Hero Cta Button

    动效参考 · 具体条目入口

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

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

  52. Hero Cta Group

    动效参考 · 具体条目入口

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

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

  53. Saas Faq Accordion

    动效参考 · 具体条目入口

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

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

  54. Mau Stepped Pricing Calculator

    动效参考 · 具体条目入口

    相关词：滑块、滑杆、卡片、登录、注册、认证、定价、价格、光标、鼠标、指针、拖拽

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

  55. Flyout Nav Menu

    动效参考 · 具体条目入口

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

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

  56. Saas Mega Menu Dropdown

    动效参考 · 具体条目入口

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

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

  57. Hero Feature Badge Card

    动效参考 · 具体条目入口

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

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

  58. Ambient Confetti Cta Card

    动效参考 · 具体条目入口

    相关词：按钮、卡片、悬停、鼠标悬停、粒子、彩纸、庆祝、光标、鼠标、指针、动画、动效

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

  59. Interactive Cta Card

    动效参考 · 具体条目入口

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

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

  60. Framework Action Hover Overlay

    动效参考 · 具体条目入口

    相关词：按钮、登录、注册、认证、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能、图标

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

  61. Pill Hover Cta Button

    动效参考 · 具体条目入口

    相关词：按钮、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI、人工智能、线性图标、描边图标

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

  62. Saas Feature Bento Card

    动效参考 · 具体条目入口

    相关词：按钮、卡片、模块化布局、格子、登录、注册、认证、悬停、鼠标悬停、光标、鼠标、指针

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

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

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

  63. Tabbed Feature Matrix Showcase

    动效参考 · 具体条目入口

    相关词：标签页、选项卡、标签、卡片、登录、注册、认证、光标、鼠标、指针、AI、人工智能

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

  64. Brand Logo Step Carousel

    动效参考 · 具体条目入口

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

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

  65. Split Card Case Study Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、导航、分页、卡片、光标、鼠标、指针、文字、文本、图片、AI

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

  66. Resource Card Hover Grid

    动效参考 · 具体条目入口

    相关词：卡片、网格、登录、注册、认证、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现

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

  67. Vertical Card Grid Carousel

    动效参考 · 具体条目入口

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

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

  68. Concentric Text Rings

    动效参考 · 具体条目入口

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

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

  69. Ecommerce Product Card Hover Reveal

    动效参考 · 具体条目入口

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

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

  70. Infinite Ribbon Ticker

    动效参考 · 具体条目入口

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

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

  71. Sliding Pill Nav

    动效参考 · 具体条目入口

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

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

  72. Ecommerce Product Card Hover Swap

    动效参考 · 具体条目入口

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

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

  73. Scroll Stacked Polaroids

    动效参考 · 具体条目入口

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

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

  74. Floating Pill Segmented Nav

    动效参考 · 具体条目入口

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

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

  75. Interactive Pinwheel Feature Grid

    动效参考 · 具体条目入口

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

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

  76. Badge Animation

    动效参考 · 具体条目入口

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

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

  77. Shared Card Detail Transition

    动效参考 · 具体条目入口

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

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

  78. Image Animation

    动效参考 · 具体条目入口

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

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

  79. Tabbed Feature Showcase

    动效参考 · 具体条目入口

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

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

  80. Mega Menu Dropdown

    动效参考 · 具体条目入口

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

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