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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Suspended Tab Preview

    动效参考 · 具体条目入口

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

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

  2. Underwater Story Scroll

    动效参考 · 具体条目入口

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

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

  3. Expand Dock Menu

    动效参考 · 具体条目入口

    相关词：按钮、切换、开关、菜单、下拉菜单、导航、程序坞、徽章、状态标签、悬停、鼠标悬停、光标

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

  4. Retro Striped Card Scroller

    动效参考 · 具体条目入口

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

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

  5. Cta Invert Button

    动效参考 · 具体条目入口

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

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

  6. Reputation State Visualizer

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、标签页、选项卡、徽章、状态标签、光标、鼠标、指针、AI、人工智能

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

  7. Page Transition Curtain

    动效参考 · 具体条目入口

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

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

  8. Scroll Wireframe Timeline

    动效参考 · 具体条目入口

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

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

  9. Scroll Driven Hero Split Reveal

    动效参考 · 具体条目入口

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

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

  10. Fade Animation

    动效参考 · 具体条目入口

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

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

  11. Faq Accordion

    动效参考 · 具体条目入口

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

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

  12. Scroll Driven Growth Story

    动效参考 · 具体条目入口

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

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

  13. Interactive Nav Illustration Footer

    动效参考 · 具体条目入口

    相关词：折线、线条、导航、页脚、悬停、鼠标悬停、背景、粒子、光标、鼠标、指针、淡入

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

  14. Scroll Narrative Lens

    动效参考 · 具体条目入口

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

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

  15. Dot Matrix Hero Intro

    动效参考 · 具体条目入口

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

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

  16. Fullscreen Nav Menu Grid

    动效参考 · 具体条目入口

    相关词：切换、开关、菜单、导航、网格、光标、鼠标、指针、动画、动效、AI、人工智能

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

  17. Hero Carousel Slider

    动效参考 · 具体条目入口

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

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

  18. Draggable Sticker Canvas

    动效参考 · 具体条目入口

    相关词：按钮、页脚、光标、鼠标、指针、文字、文本、拖拽、拖动、AI、人工智能、图标

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

  19. Split Faq Tabs

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、标签页、选项卡、列表、常见问题、光标、鼠标、指针、动画、动效、AI

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

  20. Feature Card Hover Reveal

    动效参考 · 具体条目入口

    相关词：卡片、悬停、鼠标悬停、背景、光标、鼠标、指针、揭示、出现、入场、文字、文本

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

  21. Hover Nav Dropdown

    动效参考 · 具体条目入口

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

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

  22. Tabbed Accordion Counter Showcase

    动效参考 · 具体条目入口

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

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

  23. Interactive Team Card Grid

    动效参考 · 具体条目入口

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

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

  24. Category Filter Tabs

    动效参考 · 具体条目入口

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

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

  25. Territory Radar Diagram

    动效参考 · 具体条目入口

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

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

  26. Interactive Hover Swap Marquee

    动效参考 · 具体条目入口

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

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

  27. Staggered Parallax Showcase

    动效参考 · 具体条目入口

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

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

  28. Editorial Multi Card Carousel

    动效参考 · 具体条目入口

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

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

  29. Hover Reveal Portrait Card Strip

    动效参考 · 具体条目入口

    相关词：卡片、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、文字、文本、AI

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

  30. Continuous Portrait Marquee

    动效参考 · 具体条目入口

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

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

  31. Card Carousel Track

    动效参考 · 具体条目入口

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

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

  32. Hero Staggered Orb Reveal

    动效参考 · 具体条目入口

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

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

  33. Editorial Focus Reel

    动效参考 · 具体条目入口

    相关词：悬停、鼠标悬停、光标、鼠标、指针、模糊、拖拽、拖动、图片、AI、人工智能

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

  34. Reactive Headline Canvas

    动效参考 · 具体条目入口

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

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

  35. Draggable Orb Footer

    动效参考 · 具体条目入口

    相关词：导航、页脚、光标、鼠标、指针、拖拽、拖动、AI、人工智能

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

  36. Fluid Shader Hero Card

    动效参考 · 具体条目入口

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

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

  37. Draggable Testimonial Canvas

    动效参考 · 具体条目入口

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

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

  38. Faq Accordion

    动效参考 · 具体条目入口

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

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

  39. Continuous Marquee Testimonial Row

    动效参考 · 具体条目入口

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

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

  40. Sticky Stacked Cards

    动效参考 · 具体条目入口

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

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

  41. Untilting Course Card Grid

    动效参考 · 具体条目入口

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

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

  42. Continuous Logo Marquee

    动效参考 · 具体条目入口

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

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

  43. Interactive Header Popovers

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、输入框、导航、卡片、搜索、光标、鼠标、指针、动画、动效、AI

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

  44. Nav Popover Card

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、下拉菜单、导航、卡片、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

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

  45. Geometric Hero Entrance

    动效参考 · 具体条目入口

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

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

  46. Interactive Brand Tabs

    动效参考 · 具体条目入口

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

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

  47. Expandable Team Grid

    动效参考 · 具体条目入口

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

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

  48. Expanding Badge Pill Button

    动效参考 · 具体条目入口

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

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

  49. Ambient Glow Hero

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、发光、光晕、渐变、光标、鼠标、指针、滚动、文字、文本、动画

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

  50. Sequential Milestone Timeline

    动效参考 · 具体条目入口

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

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

  51. Sheet Page Transition

    动效参考 · 具体条目入口

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

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

  52. Morphing Circle Card Grid

    动效参考 · 具体条目入口

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

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

  53. Footer Link Hover Dot

    动效参考 · 具体条目入口

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

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

  54. Fanned Deck Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、徽章、状态标签、卡片、光标、鼠标、指针、文字、文本、动画、动效

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

  55. Magnetic Pill Button

    动效参考 · 具体条目入口

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

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

  56. Morphing Accent Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、选择器、下拉选择、切换、开关、常见问题、背景、光标、鼠标、指针、动画

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

  57. Centered Scale Drag Carousel

    动效参考 · 具体条目入口

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

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

  58. Expandable Feature Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、卡片、背景、光标、鼠标、指针、揭示、出现、入场、动画、动效

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

  59. Intro Sequence Hero

    动效参考 · 具体条目入口

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

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

  60. Mega Menu Dropdown

    动效参考 · 具体条目入口

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

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

  61. Collapsible Modal Dialog

    动效参考 · 具体条目入口

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

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

  62. Category Filter Dropdown

    动效参考 · 具体条目入口

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

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

  63. Case Study Card Feed

    动效参考 · 具体条目入口

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

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

  64. Vertical Card Reel Hero

    动效参考 · 具体条目入口

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

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

  65. Metric Pair Cycler

    动效参考 · 具体条目入口

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

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

  66. Continuous Timeline Track

    动效参考 · 具体条目入口

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

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

  67. Staggered Scroll Reveal Gallery

    动效参考 · 具体条目入口

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

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

  68. Curved Arrow Footer Reveal

    动效参考 · 具体条目入口

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

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

  69. Convergent Arrows Hero

    动效参考 · 具体条目入口

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

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

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

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

  70. Sticky Process List

    动效参考 · 具体条目入口

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

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

  71. Dual State Narrative Showcase

    动效参考 · 具体条目入口

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

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

  72. Circular Arrow Callout

    动效参考 · 具体条目入口

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

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

  73. Hand Drawn Nav Indicator

    动效参考 · 具体条目入口

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

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

  74. Hero Curtain Reveal

    动效参考 · 具体条目入口

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

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

  75. Perspective Card Stack Carousel

    动效参考 · 具体条目入口

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

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

  76. Interactive Extruded Letter Hero

    动效参考 · 具体条目入口

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

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

  77. Multi Segmented Pricing Grid

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、卡片、网格、定价、价格、光标、鼠标、指针、动画、动效、AI

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

  78. Collapsible Faq Accordion

    动效参考 · 具体条目入口

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

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

  79. Pricing Comparison Accordion

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、表格、数据表格、切换、开关、定价、价格、光标、鼠标、指针、动画

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

  80. Venn Ecosystem Diagram

    动效参考 · 具体条目入口

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

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