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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Split Hover Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、图片、AI

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

  2. Article Feed List

    动效参考 · 具体条目入口

    相关词：列表、光标、鼠标、指针、图片、AI、人工智能、排版、字体

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

  3. Team Marquee Grid

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、网格、光标、鼠标、指针、滚动、揭示、出现、入场、动画

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

  4. Stacked Overlay Card Reveal

    动效参考 · 具体条目入口

    相关词：抽屉、面板、卡片、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

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

  5. Horizontal Service Carousel

    动效参考 · 具体条目入口

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

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

  6. Scroll Stacked Reveal Showcase

    动效参考 · 具体条目入口

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

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

  7. Header Curtain Megamenu

    动效参考 · 具体条目入口

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

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

  8. Slide Accordion Drawer

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、抽屉、导航、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

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

  9. Slideover Showcase Wall

    动效参考 · 具体条目入口

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

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

  10. Segmented Pill Switch

    动效参考 · 具体条目入口

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

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

  11. Postcard Option Form

    动效参考 · 具体条目入口

    相关词：表单、搜索、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

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

  12. Scroll Media Showcase

    动效参考 · 具体条目入口

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

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

  13. Feature Tabs Showcase

    动效参考 · 具体条目入口

    相关词：标签页、选项卡、导航、徽章、状态标签、搜索、光标、鼠标、指针、AI、人工智能、仪表盘

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

  14. Layered Hero Card Cluster

    动效参考 · 具体条目入口

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

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

  15. Ambient Floating Badges

    动效参考 · 具体条目入口

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

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

  16. Sequential Text Crossfade

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、光标、鼠标、指针、淡入、淡出、模糊、文字、文本、AI、人工智能

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

  17. Header Search Popover

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、输入框、导航、搜索、光标、鼠标、指针、AI、人工智能

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

  18. Press Masonry Grid

    动效参考 · 具体条目入口

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

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

  19. Interactive Path Mask Showcase

    动效参考 · 具体条目入口

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

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

  20. Interactive Services List

    动效参考 · 具体条目入口

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

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

  21. Scroll Expand Media Hero

    动效参考 · 具体条目入口

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

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

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

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

  22. Cursor Image Trail

    动效参考 · 具体条目入口

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

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

  23. Sticky Numbered Narrative

    动效参考 · 具体条目入口

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

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

  24. Geometric Mosaic Page Transition

    动效参考 · 具体条目入口

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

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

  25. Magnetic Hover Navbar

    动效参考 · 具体条目入口

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

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

  26. Alternating Feature Stream

    动效参考 · 具体条目入口

    相关词：按钮、光标、鼠标、指针、文字、文本、交互、动效、AI、人工智能

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

  27. Horizontal Scroll Carousel

    动效参考 · 具体条目入口

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

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

  28. Scroll Workflow Cards

    动效参考 · 具体条目入口

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

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

  29. Magnetic Metric Grid

    动效参考 · 具体条目入口

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

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

  30. Fullscreen Overlay Nav

    动效参考 · 具体条目入口

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

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

  31. Stacked Waveform Visualizer

    动效参考 · 具体条目入口

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

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

  32. Chromatic Focus Carousel

    动效参考 · 具体条目入口

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

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

  33. Frosted Reveal Team Grid

    动效参考 · 具体条目入口

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

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

  34. Scroll Morph Hero

    动效参考 · 具体条目入口

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

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

  35. Kinetic Stat Scroll Section

    动效参考 · 具体条目入口

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

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

  36. Directional Tick Field

    动效参考 · 具体条目入口

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

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

  37. Triple Loop Process Diagram

    动效参考 · 具体条目入口

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

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

  38. Floating Filter Pill Popover

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、按钮、菜单、光标、鼠标、指针、动画、动效、AI、人工智能

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

  39. Team Spotlight Focus Grid

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、卡片、网格、光标、鼠标、指针、AI、人工智能

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

  40. Framed Canvas Theme Shift

    动效参考 · 具体条目入口

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

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

  41. Tab Page Transition

    动效参考 · 具体条目入口

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

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

  42. Hover Reveal Card Action

    动效参考 · 具体条目入口

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

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

  43. Portfolio Grid Hover Reveal

    动效参考 · 具体条目入口

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

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

  44. Dual Marquee Badge Ticker

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、徽章、状态标签、光标、鼠标、指针、滚动、动画、动效、AI

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

  45. Mega Menu Dropdown Panel

    动效参考 · 具体条目入口

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

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

  46. Transition Animation

    动效参考 · 具体条目入口

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

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

  47. Testimonial Stepper Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、导航、用户评价、进度条、光标、鼠标、指针、AI、人工智能、箭头

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

  48. Magnetic Contact Cta

    动效参考 · 具体条目入口

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

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

  49. Portfolio Card Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、卡片、进度条、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、图片

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

  50. Multi Expand Accordion

    动效参考 · 具体条目入口

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

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

  51. Editorial Inline Media Cycler

    动效参考 · 具体条目入口

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

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

  52. Ascii Canvas Hero

    动效参考 · 具体条目入口

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

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

  53. Ascii Silhouette Team

    动效参考 · 具体条目入口

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

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

  54. Numbered Feature Columns

    动效参考 · 具体条目入口

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

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

  55. Horizontal News Ticker Bar

    动效参考 · 具体条目入口

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

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

  56. Single Open Accordion

    动效参考 · 具体条目入口

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

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

  57. Slotted Hero Interactive Grid

    动效参考 · 具体条目入口

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

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

  58. Cta Image Banner

    动效参考 · 具体条目入口

    相关词：悬停、鼠标悬停、背景、光标、鼠标、指针、动画、动效、图片、AI、人工智能、排版

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

  59. Sinusoidal Avatar Marquee

    动效参考 · 具体条目入口

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

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

  60. Scroll Story Diagram

    动效参考 · 具体条目入口

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

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

  61. Curved Hero Reveal

    动效参考 · 具体条目入口

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

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

  62. Interactive Hover Accordion List

    动效参考 · 具体条目入口

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

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

  63. Technical Accordion Panel

    动效参考 · 具体条目入口

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

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

  64. Segmented Action Cta

    动效参考 · 具体条目入口

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

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

  65. Team Grid Directory

    动效参考 · 具体条目入口

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

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

  66. Magnetic Gradient Aura

    动效参考 · 具体条目入口

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

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

  67. Animated Nav Mega Menu

    动效参考 · 具体条目入口

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

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

  68. Auto Advancing Stat Card

    动效参考 · 具体条目入口

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

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

  69. Pill Action Link

    动效参考 · 具体条目入口

    相关词：悬停、鼠标悬停、背景、光标、鼠标、指针、动画、动效、AI、人工智能、箭头、线性图标

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

  70. Prism Distortion Hero

    动效参考 · 具体条目入口

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

    已核验画面：左对齐首屏、深色、鲜明色彩 · 2026-10-14

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

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

  71. Scroll Feature Showcase

    动效参考 · 具体条目入口

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

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

  72. Playback Animation

    动效参考 · 具体条目入口

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

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

  73. Expanding Search Pill

    动效参考 · 具体条目入口

    相关词：输入框、搜索、光标、鼠标、指针、AI、人工智能

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

  74. Sticky Feature Showcase

    动效参考 · 具体条目入口

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

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

  75. Staggered Infinite Marquee

    动效参考 · 具体条目入口

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

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

  76. Portal Peek Hero Carousel

    动效参考 · 具体条目入口

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

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

  77. Expandable Mega Menu Nav

    动效参考 · 具体条目入口

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

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

  78. Interactive Feature Preview List

    动效参考 · 具体条目入口

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

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

  79. Multi Tab Contact Card

    动效参考 · 具体条目入口

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

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

  80. Culture Pillar Carousel

    动效参考 · 具体条目入口

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

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