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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Infinite Showcase Marquee

    动效参考 · 具体条目入口

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

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

  2. Skyline Track Scrubber

    动效参考 · 具体条目入口

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

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

  3. Auto Advance Hero Reel

    动效参考 · 具体条目入口

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

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

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

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

  4. Chat Bubble Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、卡片、常见问题、光标、鼠标、指针、滚动、动画、动效、聊天、对话

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

  5. Infinite Icon Marquee

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、卡片、首屏、主视觉、光标、鼠标、指针、滚动、动画、动效

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

  6. Macos Magnification Dock

    动效参考 · 具体条目入口

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

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

  7. Digital Matrix Logo Footer

    动效参考 · 具体条目入口

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

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

  8. Navbar Animation

    动效参考 · 具体条目入口

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

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

  9. Floating Hero Reveal

    动效参考 · 具体条目入口

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

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

  10. Widget Grid Showcase

    动效参考 · 具体条目入口

    相关词：卡片、网格、光标、鼠标、指针、滚动、交错、逐个出现、动画、动效、AI、人工智能

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

  11. Expanding Headline Badges

    动效参考 · 具体条目入口

    相关词：折线、线条、徽章、状态标签、标签、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针

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

  12. Wandering Highlight Quote

    动效参考 · 具体条目入口

    相关词：环形、圆形、折线、线条、徽章、状态标签、发光、光晕、光标、鼠标、指针、滚动

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

  13. Pinned Scrollytelling Showcase

    动效参考 · 具体条目入口

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

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

  14. Reticle Partner Grid

    动效参考 · 具体条目入口

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

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

  15. Scroll Curved Filmstrip Flow

    动效参考 · 具体条目入口

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

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

  16. Shape Converge Hero Intro

    动效参考 · 具体条目入口

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

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

  17. Interactive Client Grid Preview

    动效参考 · 具体条目入口

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

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

  18. Sticky Step Scroll Reveal

    动效参考 · 具体条目入口

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

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

  19. App Dock Preview Showcase

    动效参考 · 具体条目入口

    相关词：按钮、程序坞、导航、卡片、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、动画

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

  20. Editorial Highlight Grid

    动效参考 · 具体条目入口

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

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

  21. Tabbed Card Carousel

    动效参考 · 具体条目入口

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

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

  22. Hero Scroll Showcase Reveal

    动效参考 · 具体条目入口

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

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

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

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

  23. Abstract Brand Mark Loop

    动效参考 · 具体条目入口

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

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

  24. Glowing Border Button

    动效参考 · 具体条目入口

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

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

  25. Morphing Cta Button

    动效参考 · 具体条目入口

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

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

  26. Rainbow Reveal Hero Graphic

    动效参考 · 具体条目入口

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

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

  27. Media Cursor Badge

    动效参考 · 具体条目入口

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

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

  28. Tabbed Feature Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、标签页、选项卡、分页、卡片、光标、鼠标、指针、动画、动效、AI

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

  29. Ambient Glow Hero Card

    动效参考 · 具体条目入口

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

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

  30. Ambient Glow Cta Button

    动效参考 · 具体条目入口

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

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

  31. Ambient Floating Hero Showcase

    动效参考 · 具体条目入口

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

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

  32. Parallax Brand Footer

    动效参考 · 具体条目入口

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

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

  33. Expanding Video Trigger Pill

    动效参考 · 具体条目入口

    相关词：按钮、徽章、状态标签、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、视频、AI

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

  34. Encrypted Hover Card Grid

    动效参考 · 具体条目入口

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

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

  35. Ambient Backlight Card

    动效参考 · 具体条目入口

    相关词：卡片、首屏、主视觉、发光、光晕、光束、光标、鼠标、指针、AI、人工智能、仪表盘

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

  36. Stepped Progress Tabs

    动效参考 · 具体条目入口

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

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

  37. Radiant Hero Orb

    动效参考 · 具体条目入口

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

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

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

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

  38. Tabbed Code Showcase

    动效参考 · 具体条目入口

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

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

  39. Matrix Data Sync Visualizer

    动效参考 · 具体条目入口

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

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

  40. Stagger Animation

    动效参考 · 具体条目入口

    相关词：光标、鼠标、指针、交错、逐个出现、动画、动效、AI、人工智能

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

  41. Sticky Scroll Feature Showcase

    动效参考 · 具体条目入口

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

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

  42. Concentric Radar Glow Hub

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、发光、光晕、光束、光标、鼠标、指针、滚动、动画、动效、AI

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

  43. Vault Spotlight Hero

    动效参考 · 具体条目入口

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

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

  44. Hero 3D Light Sweep

    动效参考 · 具体条目入口

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

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

  45. Ambient Quote Card

    动效参考 · 具体条目入口

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

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

  46. Scroll Driven Hero Sequence

    动效参考 · 具体条目入口

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

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

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

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

  47. Crystal Matrix Hero

    动效参考 · 具体条目入口

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

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

  48. Radiant Beam Button

    动效参考 · 具体条目入口

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

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

  49. 3D Card Carousel

    动效参考 · 具体条目入口

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

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

  50. Stacked Deck Carousel

    动效参考 · 具体条目入口

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

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

  51. Kinetic Type Hero Reel

    动效参考 · 具体条目入口

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

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

  52. Accordion Animation

    动效参考 · 具体条目入口

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

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

  53. Hero Counter Reveal

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、徽章、状态标签、首屏、主视觉、光标、鼠标、指针、滚动、揭示

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

  54. Kinetic Hero Entrance

    动效参考 · 具体条目入口

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

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

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

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

  55. Button Animation

    动效参考 · 具体条目入口

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

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

  56. Isometric Voxel Matrix

    动效参考 · 具体条目入口

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

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

  57. Inertial Cursor Follower

    动效参考 · 具体条目入口

    相关词：环形、圆形、跑马灯、轮播、滚动列表、徽章、状态标签、光标、鼠标、指针、AI、人工智能

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

  58. Device Tab Showcase

    动效参考 · 具体条目入口

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

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

  59. Playful Hero Reveal

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、首屏、主视觉、光标、鼠标、指针、滚动、揭示、出现、入场

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

  60. Floating Roster Columns

    动效参考 · 具体条目入口

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

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

  61. Kinetic Moire Hero

    动效参考 · 具体条目入口

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

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

  62. Perspective Card Fan

    动效参考 · 具体条目入口

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

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

  63. Orbital Path Carousel

    动效参考 · 具体条目入口

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

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

  64. Scroll Animation

    动效参考 · 具体条目入口

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

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

  65. Floating Hero Illustration

    动效参考 · 具体条目入口

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

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

  66. Badge Animation

    动效参考 · 具体条目入口

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

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

  67. Collaborative App Showcase

    动效参考 · 具体条目入口

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

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

  68. Starburst Character Showcase

    动效参考 · 具体条目入口

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

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

  69. Floating Orbit Grid

    动效参考 · 具体条目入口

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

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

  70. Course Promo Cards

    动效参考 · 具体条目入口

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

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

  71. Scroll Paragraph Focus

    动效参考 · 具体条目入口

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

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

  72. Scroll Radial Tunnel Morph

    动效参考 · 具体条目入口

    相关词：环形、圆形、按钮、光标、鼠标、指针、滚动、AI、人工智能、仪表盘、后台

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

  73. Hero Intro Reveal

    动效参考 · 具体条目入口

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

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

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

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

  74. Manga Panel Grid

    动效参考 · 具体条目入口

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

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

  75. Scroll Step Feature Showcase

    动效参考 · 具体条目入口

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

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

  76. Split Column Hover Hero

    动效参考 · 具体条目入口

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

    已核验画面：深色、简洁留白 · 2026-10-14

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

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

  77. Trailing Cursor Badge

    动效参考 · 具体条目入口

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

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

  78. Stage Intro Showcase

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、轮播、轮播图、首屏、主视觉、光标、鼠标、指针、AI、人工智能

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

  79. Navigation Animation

    动效参考 · 具体条目入口

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

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

  80. Interactive Model Footer

    动效参考 · 具体条目入口

    相关词：导航、列表、页脚、光标、鼠标、指针、三维、3D、AI、人工智能

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