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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Floating Satellite Narrative

    动效参考 · 具体条目入口

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

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

  2. Interactive Feature Card Grid

    动效参考 · 具体条目入口

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

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

  3. Isometric Hero Building

    动效参考 · 具体条目入口

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

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

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

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

  4. Faq Accordion

    动效参考 · 具体条目入口

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

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

  5. Multi Column Nav Dropdown

    动效参考 · 具体条目入口

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

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

  6. Cycling Metric Banner

    动效参考 · 具体条目入口

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

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

  7. Ambient Floating Orbit

    动效参考 · 具体条目入口

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

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

  8. Expanding Pill Nav

    动效参考 · 具体条目入口

    相关词：导航、导航栏、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、动画、动效

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

  9. Step Process Carousel

    动效参考 · 具体条目入口

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

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

  10. Expandable Select Card

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、选择器、下拉选择、下拉菜单、卡片、列表、光标、鼠标、指针、动画、动效

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

  11. Scroll Reveal Badge Hero

    动效参考 · 具体条目入口

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

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

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

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

  12. Cloth Flag Hero

    动效参考 · 具体条目入口

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

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

  13. Floating Interactive Grid Gallery

    动效参考 · 具体条目入口

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

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

  14. Horizontal Project Filmstrip

    动效参考 · 具体条目入口

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

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

  15. Hero Media Expander

    动效参考 · 具体条目入口

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

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

  16. Interactive Hover Pill Button

    动效参考 · 具体条目入口

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

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

  17. Avatar Cta Pill

    动效参考 · 具体条目入口

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

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

  18. Interactive Pricing Card Toggle

    动效参考 · 具体条目入口

    相关词：按钮、切换、开关、菜单、卡片、定价、价格、背景、光标、鼠标、指针、AI

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

  19. Frosted Reveal Card Grid

    动效参考 · 具体条目入口

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

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

  20. Rolling Text Link

    动效参考 · 具体条目入口

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

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

  21. Morphing Contact Dock

    动效参考 · 具体条目入口

    相关词：按钮、导航、程序坞、头像、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、视频

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

  22. Floating Pill Dock

    动效参考 · 具体条目入口

    相关词：按钮、导航、程序坞、首屏、主视觉、悬停、鼠标悬停、背景、光标、鼠标、指针、揭示

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

  23. Portfolio Card Rotator

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、卡片、页脚、光标、鼠标、指针、文字、文本、动画、动效、图片

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

  24. Sticky Stacked Service Cards

    动效参考 · 具体条目入口

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

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

  25. Kinetic Staggered Hero Reveal

    动效参考 · 具体条目入口

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

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

  26. Tilted Card Carousel

    动效参考 · 具体条目入口

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

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

  27. Infinite Logo Marquee

    动效参考 · 具体条目入口

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

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

  28. Hero Animated Illustration Scene

    动效参考 · 具体条目入口

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

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

  29. Floating Badge Cloud Hero

    动效参考 · 具体条目入口

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

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

  30. Cursor Following Cta

    动效参考 · 具体条目入口

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

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

  31. Vertical Feature Slide Stack

    动效参考 · 具体条目入口

    相关词：折线、线条、徽章、状态标签、卡片、光标、鼠标、指针、滚动、动画、动效、AI

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

  32. Process Grid Reveal

    动效参考 · 具体条目入口

    相关词：按钮、卡片、网格、进度条、光标、鼠标、指针、揭示、出现、入场、动画、动效

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

  33. Pinned Horizontal Card Deck

    动效参考 · 具体条目入口

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

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

  34. Pill Dropdown Menu

    动效参考 · 具体条目入口

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

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

  35. Scroll Milestone Timeline

    动效参考 · 具体条目入口

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

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

  36. Scroll Phone Fanout Showcase

    动效参考 · 具体条目入口

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

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

  37. Blog Article Card

    动效参考 · 具体条目入口

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

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

  38. Pill Nav Header

    动效参考 · 具体条目入口

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

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

  39. Scroll Stacked Stage

    动效参考 · 具体条目入口

    相关词：卡片、背景、光标、鼠标、指针、滚动、动画、动效、三维、3D、AI、人工智能

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

  40. Infinite Testimonial Marquee

    动效参考 · 具体条目入口

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

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

  41. Atmospheric Hero Cloud Drift

    动效参考 · 具体条目入口

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

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

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

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

  42. Fullscreen Nav Overlay

    动效参考 · 具体条目入口

    相关词：环形、圆形、按钮、切换、开关、菜单、导航、悬停、鼠标悬停、光标、鼠标、指针

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

  43. Floating Navbar Dropdown

    动效参考 · 具体条目入口

    相关词：菜单、下拉菜单、导航栏、列表、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI

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

  44. Rolling Stat Counter

    动效参考 · 具体条目入口

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

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

  45. Sliding Pill Tabs

    动效参考 · 具体条目入口

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

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

  46. Team Profile Grid

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、网格、悬停、鼠标悬停、光标、鼠标、指针、滚动、AI、人工智能

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

  47. Hero Announcement Badge

    动效参考 · 具体条目入口

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

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

  48. Layered Parallax Curtain Hero

    动效参考 · 具体条目入口

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

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

  49. Showcase Banner Rail

    动效参考 · 具体条目入口

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

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

  50. Stepped Card Carousel

    动效参考 · 具体条目入口

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

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

  51. Flanked Nav Links

    动效参考 · 具体条目入口

    相关词：导航、列表、页脚、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、AI

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

  52. Multi Row Marquee

    动效参考 · 具体条目入口

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

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

  53. Spotlight Carousel Hero

    动效参考 · 具体条目入口

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

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

  54. Editorial Journal Feed

    动效参考 · 具体条目入口

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

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

  55. Continuous Testimonial Marquee

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、卡片、用户评价、光标、鼠标、指针、滚动、动画、动效、AI

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

  56. Loop Animation

    动效参考 · 具体条目入口

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

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

  57. Dual Row Logo Marquee

    动效参考 · 具体条目入口

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

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

  58. Continuous Ticker Ribbon

    动效参考 · 具体条目入口

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

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

  59. Reactive Hero Cta

    动效参考 · 具体条目入口

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

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

  60. Brand Preloader Flourish

    动效参考 · 具体条目入口

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

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

  61. Interactive Team Card Grid

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI

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

  62. Feature Card Modal Grid

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、按钮、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、AI

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

  63. Hover Expand Card Grid

    动效参考 · 具体条目入口

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

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

  64. Rolling Text Nav Link

    动效参考 · 具体条目入口

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

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

  65. Sticky Location Cards

    动效参考 · 具体条目入口

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

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

  66. Cyclic Stats Showcase

    动效参考 · 具体条目入口

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

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

  67. Table Row Hover Preview

    动效参考 · 具体条目入口

    相关词：表格、数据表格、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、图片、AI、人工智能

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

  68. Multi Layer Curtain Transition

    动效参考 · 具体条目入口

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

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

  69. Staggered Rolling Nav Link

    动效参考 · 具体条目入口

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

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

  70. Creature Hatch Deck Reveal

    动效参考 · 具体条目入口

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

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

  71. Sticky Feature Showcase

    动效参考 · 具体条目入口

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

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

  72. Nav Dropdown Menu

    动效参考 · 具体条目入口

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

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

  73. Category Logo Grid Showcase

    动效参考 · 具体条目入口

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

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

  74. Interactive Category Feature Deck

    动效参考 · 具体条目入口

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

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

  75. Segmented Tab Panel

    动效参考 · 具体条目入口

    相关词：标签页、选项卡、列表、定价、价格、光标、鼠标、指针、动画、动效、AI、人工智能

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

  76. Interactive Feature Card Grid

    动效参考 · 具体条目入口

    相关词：环形、圆形、按钮、卡片、网格、列表、悬停、鼠标悬停、光标、鼠标、指针、动画

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

  77. Pastel Accordion Faq

    动效参考 · 具体条目入口

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

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

  78. Scroll Feature Constellation

    动效参考 · 具体条目入口

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

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

  79. Bottom Docked Expanding Pricing Cards

    动效参考 · 具体条目入口

    相关词：卡片、定价、价格、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、动画

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

  80. Sticky Card Stack

    动效参考 · 具体条目入口

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

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