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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Team Reveal Stagger Grid

    动效参考 · 具体条目入口

    相关词：网格、光标、鼠标、指针、滚动、揭示、出现、入场、交错、逐个出现、AI、人工智能

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

  2. Staggered Portfolio Grid

    动效参考 · 具体条目入口

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

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

  3. Hover Content Switcher

    动效参考 · 具体条目入口

    相关词：按钮、标签页、选项卡、列表、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能、图标

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

  4. Radial Waveform Hero

    动效参考 · 具体条目入口

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

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

  5. Stacked Sheet Reveal

    动效参考 · 具体条目入口

    相关词：抽屉、面板、菜单、首屏、主视觉、光标、鼠标、指针、滚动、揭示、出现、入场

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

  6. Button Animation

    动效参考 · 具体条目入口

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

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

  7. Scroll Animation

    动效参考 · 具体条目入口

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

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

  8. Dual Column Hover Cta

    动效参考 · 具体条目入口

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

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

  9. Stacking Section Card

    动效参考 · 具体条目入口

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

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

  10. Kinetic Block Marquee Grid

    动效参考 · 具体条目入口

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

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

  11. Expandable Section Stack

    动效参考 · 具体条目入口

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

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

  12. Sonic Hero Showreel

    动效参考 · 具体条目入口

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

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

  13. Collapsible Mega Menu Drawer

    动效参考 · 具体条目入口

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

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

  14. Infinite Ticker Ribbon

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、导航栏、背景、光标、鼠标、指针、滚动、文字、文本、动画

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

  15. Scroll Showcase Card

    动效参考 · 具体条目入口

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

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

  16. Cursor Follow Preview

    动效参考 · 具体条目入口

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

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

  17. Hero Showreel Card

    动效参考 · 具体条目入口

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

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

  18. Perspective Card Stream

    动效参考 · 具体条目入口

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

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

  19. Intro Curtain Reveal

    动效参考 · 具体条目入口

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

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

  20. Hero Visual Entrance

    动效参考 · 具体条目入口

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

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

  21. Masked Text Reveal

    动效参考 · 具体条目入口

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

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

  22. Vertical Text Roller

    动效参考 · 具体条目入口

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

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

  23. Scroll Curtain Card Deck

    动效参考 · 具体条目入口

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

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

  24. Hero Collage Reveal

    动效参考 · 具体条目入口

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

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

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

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

  25. Scroll Collapsing Header Hero

    动效参考 · 具体条目入口

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

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

  26. Stepped Gallery Reveal

    动效参考 · 具体条目入口

    相关词：光标、鼠标、指针、滚动、揭示、出现、入场、动画、动效、画廊、图片展示、AI

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

  27. Scroll Expand Media

    动效参考 · 具体条目入口

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

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

  28. Scroll Expand Showcase

    动效参考 · 具体条目入口

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

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

  29. Text Focus Stack

    动效参考 · 具体条目入口

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

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

  30. Tabbed Hero Crossfade

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、滑块、滑杆、导航、首屏、主视觉、光标、鼠标、指针、图片、AI

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

  31. Scroll Converge Hero

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、进度条、光标、鼠标、指针、滚动、文字、文本、动画、动效、AI

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

  32. Horizontal Card Strip

    动效参考 · 具体条目入口

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

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

  33. Scroll Accordion Stack

    动效参考 · 具体条目入口

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

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

  34. Hero Grid Zoom Intro

    动效参考 · 具体条目入口

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

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

  35. Scroll Morph Hero Banner

    动效参考 · 具体条目入口

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

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

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

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

  36. Sticky Stacked Cards

    动效参考 · 具体条目入口

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

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

  37. Grid Menu Cell Hover

    动效参考 · 具体条目入口

    相关词：菜单、网格、悬停、鼠标悬停、背景、光标、鼠标、指针、揭示、出现、入场、AI

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

  38. Hero Intro Reveal

    动效参考 · 具体条目入口

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

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

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

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

  39. Scroll Driven 3D Container

    动效参考 · 具体条目入口

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

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

  40. Interactive Hero Canvas

    动效参考 · 具体条目入口

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

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

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

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

  41. Sheet Page Transition

    动效参考 · 具体条目入口

    相关词：抽屉、面板、导航、卡片、光标、鼠标、指针、动画、动效、AI、人工智能

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

  42. Expanding Page Transition Overlay

    动效参考 · 具体条目入口

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

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

  43. Sticky Segmented Hero Header

    动效参考 · 具体条目入口

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

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

  44. Scroll Parallax Card

    动效参考 · 具体条目入口

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

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

  45. Horizontal Accordion Testimonials

    动效参考 · 具体条目入口

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

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

  46. Sticky Service Accordion

    动效参考 · 具体条目入口

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

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

  47. Intro Header Collapse Grid

    动效参考 · 具体条目入口

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

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

  48. Interactive Split Grid

    动效参考 · 具体条目入口

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

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

  49. Synchronized Card Showcase Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、卡片、光标、鼠标、指针、文字、文本、拖拽、拖动、AI、人工智能

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

  50. Hero Masked Reveal

    动效参考 · 具体条目入口

    相关词：按钮、折线、线条、首屏、主视觉、光标、鼠标、指针、揭示、出现、入场、淡入

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

  51. Spotlight Cursor Reveal

    动效参考 · 具体条目入口

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

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

  52. Editorial Split Feature

    动效参考 · 具体条目入口

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

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

  53. Editorial Split Scroll

    动效参考 · 具体条目入口

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

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

  54. Navigation Dropdown Menu

    动效参考 · 具体条目入口

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

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

  55. Stepped Column Curtain Menu

    动效参考 · 具体条目入口

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

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

  56. Stacked Horizontal Cards

    动效参考 · 具体条目入口

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

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

  57. Hero Video Reveal

    动效参考 · 具体条目入口

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

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

  58. Scroll Reveal Featured Story

    动效参考 · 具体条目入口

    相关词：光标、鼠标、指针、滚动、揭示、出现、入场、AI、人工智能、排版、字体

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

  59. Faq Sticky Accordion Section

    动效参考 · 具体条目入口

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

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

  60. Hero Media Reel

    动效参考 · 具体条目入口

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

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

  61. Ambient Floating Image Hero

    动效参考 · 具体条目入口

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

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

  62. Scroll Zoom Gallery

    动效参考 · 具体条目入口

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

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

  63. Alternating Split Story

    动效参考 · 具体条目入口

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

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

  64. Hero Splash Curtain Reveal

    动效参考 · 具体条目入口

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

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

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

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

  65. Event Card Hover Badge

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、卡片、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、图片

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

  66. Continuous Vertical Showcase

    动效参考 · 具体条目入口

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

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

  67. Parallax Media Editorial Grid

    动效参考 · 具体条目入口

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

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

  68. Scroll Morph Hero

    动效参考 · 具体条目入口

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

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

  69. Device Accordion Showcase

    动效参考 · 具体条目入口

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

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

  70. Sticky Stacked Cards

    动效参考 · 具体条目入口

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

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

  71. Project Transition Showcase

    动效参考 · 具体条目入口

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

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

  72. Scroll Circular Aperture Reveal

    动效参考 · 具体条目入口

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

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

  73. Portfolio Hover Crossfade Card

    动效参考 · 具体条目入口

    相关词：卡片、悬停、鼠标悬停、光标、鼠标、指针、淡入、淡出、文字、文本、图片、AI

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

  74. Hover Reveal Team List

    动效参考 · 具体条目入口

    相关词：列表、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

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

  75. Infinite Card Marquee

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、卡片、光标、鼠标、指针、滚动、文字、文本、动画、动效

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

  76. Wheel Picker

    动效参考 · 具体条目入口

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

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

  77. Multi Wheel Weight Picker

    动效参考 · 具体条目入口

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

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

  78. Keyboard Avoiding Form Step

    动效参考 · 具体条目入口

    相关词：按钮、输入框、表单、光标、鼠标、指针、AI、人工智能

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

  79. Bottom Share Sheet

    动效参考 · 具体条目入口

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

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

  80. Consent Checklist Gate

    动效参考 · 具体条目入口

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

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