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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Multi Column Module Tabs

    动效参考 · 具体条目入口

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

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

  2. Interactive Dot Map Tooltip

    动效参考 · 具体条目入口

    相关词：提示、气泡、工具提示、光标、鼠标、指针、AI、人工智能、地图

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

  3. Modular Curved Reveal Grid

    动效参考 · 具体条目入口

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

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

  4. Pastel Segmented Expandable Nav

    动效参考 · 具体条目入口

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

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

  5. Segmented Category Tabs

    动效参考 · 具体条目入口

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

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

  6. Infinite Text Marquee Header

    动效参考 · 具体条目入口

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

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

  7. Grid Tile Transition

    动效参考 · 具体条目入口

    相关词：按钮、网格、光标、鼠标、指针、揭示、出现、入场、动画、动效、AI、人工智能

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

  8. Contrast Petition Card

    动效参考 · 具体条目入口

    相关词：输入框、卡片、表单、页脚、光标、鼠标、指针、文字、文本、AI、人工智能

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

  9. Magnetic Pill Button

    动效参考 · 具体条目入口

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

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

  10. Stacked Card Deck Scroll

    动效参考 · 具体条目入口

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

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

  11. Geometric Split Menu

    动效参考 · 具体条目入口

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

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

  12. Hero Intro Reveal

    动效参考 · 具体条目入口

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

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

  13. Scrollytelling Workflow Graph

    动效参考 · 具体条目入口

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

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

  14. Morphing Nav Dropdown

    动效参考 · 具体条目入口

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

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

  15. Organic Morph Brand Mark

    动效参考 · 具体条目入口

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

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

  16. Multi Expand Faq Accordion

    动效参考 · 具体条目入口

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

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

  17. Scroll Animation

    动效参考 · 具体条目入口

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

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

  18. Staggered Dual Column Scroll Feed

    动效参考 · 具体条目入口

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

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

  19. Eye Portal Hero Reveal

    动效参考 · 具体条目入口

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

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

  20. Cta Footer Contact Dock

    动效参考 · 具体条目入口

    相关词：环形、圆形、按钮、程序坞、导航、页脚、光标、鼠标、指针、AI、人工智能

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

  21. Draggable Video Carousel

    动效参考 · 具体条目入口

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

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

  22. Sliding Arrow Pill Button

    动效参考 · 具体条目入口

    相关词：按钮、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、动画、动效、AI

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

  23. Course Schedule Banner

    动效参考 · 具体条目入口

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

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

  24. Interactive Cluster Nodes

    动效参考 · 具体条目入口

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

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

  25. Scroll Feature Crossfade

    动效参考 · 具体条目入口

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

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

  26. Orbital Metric Network

    动效参考 · 具体条目入口

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

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

  27. Process Step Popover

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、卡片、光标、鼠标、指针、AI、人工智能

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

  28. Scrollytelling Stacked Area Chart

    动效参考 · 具体条目入口

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

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

  29. Scroll Triggered Stat Counters

    动效参考 · 具体条目入口

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

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

  30. Testimonial Slider Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、滑块、滑杆、卡片、用户评价、光标、鼠标、指针、动画、动效、AI

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

  31. Centered Testimonial Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、滑块、滑杆、卡片、用户评价、光标、鼠标、指针、AI、人工智能

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

  32. Orbital Partner Orbit

    动效参考 · 具体条目入口

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

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

  33. Dual Track Marquee Gallery

    动效参考 · 具体条目入口

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

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

  34. Flip Testimonial Bento Card

    动效参考 · 具体条目入口

    相关词：卡片、模块化布局、格子、网格、用户评价、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现

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

  35. Dual Row Tag Marquee

    动效参考 · 具体条目入口

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

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

  36. Multi Expand Accordion

    动效参考 · 具体条目入口

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

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

  37. Interactive Blog Card Grid

    动效参考 · 具体条目入口

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

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

  38. Vertical Hover Showcase

    动效参考 · 具体条目入口

    相关词：列表、悬停、鼠标悬停、光标、鼠标、指针、淡入、淡出、AI、人工智能、排版、字体

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

  39. Vertical Feature Tabs

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、标签页、选项卡、列表、光标、鼠标、指针、动画、动效、AI、人工智能

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

  40. Horizontal Expanding Accordion Tabs

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、标签页、选项卡、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

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

  41. Loop Animation

    动效参考 · 具体条目入口

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

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

  42. Fullscreen Curtain Menu

    动效参考 · 具体条目入口

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

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

  43. Lineup Poster Card Grid

    动效参考 · 具体条目入口

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

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

  44. Kinetic Badge Grid

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、网格、光标、鼠标、指针、AI、人工智能、排版、字体

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

  45. Hero Word Cycler

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、首屏、主视觉、光标、鼠标、指针、淡入、淡出、文字、文本、AI

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

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

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

  46. Infinite Card Marquee

    动效参考 · 具体条目入口

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

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

  47. Nod Hover Button

    动效参考 · 具体条目入口

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

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

  48. Filterable Portfolio Grid

    动效参考 · 具体条目入口

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

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

  49. Horizontal Expanding Nav

    动效参考 · 具体条目入口

    相关词：按钮、菜单、导航、列表、光标、鼠标、指针、淡入、淡出、AI、人工智能、关闭

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

  50. Cursor Spotlight Hero

    动效参考 · 具体条目入口

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

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

  51. Cursor Follow News Carousel

    动效参考 · 具体条目入口

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

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

  52. Scroll Morph Competencies

    动效参考 · 具体条目入口

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

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

  53. Cursor Follow Profile Grid

    动效参考 · 具体条目入口

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

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

  54. Portfolio Hover Card Grid

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、卡片、网格、悬停、鼠标悬停、背景、光标、鼠标、指针、揭示、出现

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

  55. Mega Menu Dropdown

    动效参考 · 具体条目入口

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

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

  56. Curved Portal Hero Transition

    动效参考 · 具体条目入口

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

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

  57. Sliding Pill Nav

    动效参考 · 具体条目入口

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

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

  58. Arc Stat Carousel

    动效参考 · 具体条目入口

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

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

  59. Goal Showcase Carousel

    动效参考 · 具体条目入口

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

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

  60. Partner Video Showcase

    动效参考 · 具体条目入口

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

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

  61. Technical Spec Carousel

    动效参考 · 具体条目入口

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

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

  62. Evading Pill Badge

    动效参考 · 具体条目入口

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

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

  63. Reactive Hero Cta Morph

    动效参考 · 具体条目入口

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

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

  64. Floating Logo Orbit Hero

    动效参考 · 具体条目入口

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

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

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

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

  65. Hover Reveal Feature Cards

    动效参考 · 具体条目入口

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

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

  66. Split Feature Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、分页、光标、鼠标、指针、淡入、淡出、AI、人工智能

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

  67. Interactive Feature Card Grid

    动效参考 · 具体条目入口

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

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

  68. Pill Hover Cta Button

    动效参考 · 具体条目入口

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

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

  69. Hero Headline Badge Reveal

    动效参考 · 具体条目入口

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

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

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

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

  70. Scroll Feature Card Showcase

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、卡片、发光、光晕、背景、光标、鼠标、指针、滚动、动画、动效

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

  71. Satellite Feature Cards

    动效参考 · 具体条目入口

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

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

  72. Pill Action Button

    动效参考 · 具体条目入口

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

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

  73. Sliding Pill Tabs

    动效参考 · 具体条目入口

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

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

  74. Three Column Card Carousel

    动效参考 · 具体条目入口

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

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

  75. Blog Card Hover Reveal

    动效参考 · 具体条目入口

    相关词：环形、圆形、徽章、状态标签、卡片、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现

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

  76. Sequential Intro Hero

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、光标、鼠标、指针、滚动、淡入、淡出、模糊、文字、文本、动画

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

  77. Floating Dropdown Menu

    动效参考 · 具体条目入口

    相关词：按钮、菜单、下拉菜单、导航、光标、鼠标、指针、淡入、淡出、AI、人工智能

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

  78. Stacked Scroll Cards

    动效参考 · 具体条目入口

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

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

  79. Interactive Feature Badge Cluster

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、卡片、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、动画、动效

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

  80. Dual Row Logo Marquee

    动效参考 · 具体条目入口

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

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