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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Flavor Showcase Carousel

    动效参考 · 具体条目入口

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

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

  2. Continuous Text Marquee

    动效参考 · 具体条目入口

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

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

  3. Frosted Glass Newsletter Card

    动效参考 · 具体条目入口

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

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

  4. Infinite Ticker Hero

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、首屏、主视觉、背景、光标、鼠标、指针、滚动、文字、文本

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

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

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

  5. Expandable Team Bio Grid

    动效参考 · 具体条目入口

    相关词：切换、开关、卡片、网格、光标、鼠标、指针、揭示、出现、入场、动画、动效

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

  6. Multi Column Infinite Portrait Grid

    动效参考 · 具体条目入口

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

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

  7. Hero Audience Cycler

    动效参考 · 具体条目入口

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

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

  8. Fanned Feature Cards Deck

    动效参考 · 具体条目入口

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

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

  9. Scroll Shatter Prism

    动效参考 · 具体条目入口

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

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

  10. Horizontal Expand Accordion Cards

    动效参考 · 具体条目入口

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

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

  11. Counter Preloader Hero Reveal

    动效参考 · 具体条目入口

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

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

  12. Magnetic Pill Nav

    动效参考 · 具体条目入口

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

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

  13. Broadcast Channel Card

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、跑马灯、滚动列表、卡片、光标、鼠标、指针、揭示、出现、入场、AI

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

  14. Preview Theme Toggle

    动效参考 · 具体条目入口

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

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

  15. Carousel Animation

    动效参考 · 具体条目入口

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

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

  16. Talent Roster Carousel

    动效参考 · 具体条目入口

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

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

  17. Cycling Inline Text

    动效参考 · 具体条目入口

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

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

  18. Gradient Morph Button

    动效参考 · 具体条目入口

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

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

  19. Vertical Narrative Scroll

    动效参考 · 具体条目入口

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

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

  20. Interactive Portfolio List

    动效参考 · 具体条目入口

    相关词：列表、表单、悬停、鼠标悬停、背景、光标、鼠标、指针、文字、文本、动画、动效

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

  21. Feature News Carousel

    动效参考 · 具体条目入口

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

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

  22. Staggered Cycling Card Grid

    动效参考 · 具体条目入口

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

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

  23. Interactive Hover Product Showcase

    动效参考 · 具体条目入口

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

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

  24. Awesomic Showcase Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、导航、分页、徽章、状态标签、标签、卡片、光标、鼠标、指针、动画

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

  25. Social Icon Hover Group

    动效参考 · 具体条目入口

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

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

  26. Code Showcase Tabs

    动效参考 · 具体条目入口

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

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

  27. Continuous Stat Marquee

    动效参考 · 具体条目入口

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

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

  28. Dynamic Pricing Matrix

    动效参考 · 具体条目入口

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

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

  29. Button Animation

    动效参考 · 具体条目入口

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

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

  30. Badge Animation

    动效参考 · 具体条目入口

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

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

  31. Interactive Card Grid

    动效参考 · 具体条目入口

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

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

  32. Orbital Stat Hub

    动效参考 · 具体条目入口

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

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

  33. Curved Notch Back To Top

    动效参考 · 具体条目入口

    相关词：按钮、表单、页脚、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能、箭头

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

  34. Interactive Network Card Grid

    动效参考 · 具体条目入口

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

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

  35. Pill Subscribe Input

    动效参考 · 具体条目入口

    相关词：按钮、输入框、表单、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI、人工智能

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

  36. Ambient Grid Hero

    动效参考 · 具体条目入口

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

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

  37. Interactive Vertical Tabs Grid

    动效参考 · 具体条目入口

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

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

  38. Interactive Feature Metrics Card

    动效参考 · 具体条目入口

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

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

  39. Hover Nav Dropdown

    动效参考 · 具体条目入口

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

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

  40. Route Loader Transition

    动效参考 · 具体条目入口

    相关词：导航、表单、加载、加载动画、光标、鼠标、指针、揭示、出现、入场、AI、人工智能

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

  41. Dual Row Badge Marquee

    动效参考 · 具体条目入口

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

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

  42. Dynamic Nav Dropdown

    动效参考 · 具体条目入口

    相关词：标签页、选项卡、菜单、下拉菜单、导航、导航栏、光标、鼠标、指针、AI、人工智能、用户

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

  43. Animated Accordion

    动效参考 · 具体条目入口

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

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

  44. Categorized Partner Grid

    动效参考 · 具体条目入口

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

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

  45. Organic Marquee Ticker

    动效参考 · 具体条目入口

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

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

  46. Navbar Expandable Search

    动效参考 · 具体条目入口

    相关词：按钮、输入框、导航栏、搜索、光标、鼠标、指针、AI、人工智能、关闭

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

  47. Constellation Network Graph

    动效参考 · 具体条目入口

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

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

  48. Auto Advancing Accordion

    动效参考 · 具体条目入口

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

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

  49. Inline Media Headline Carousel

    动效参考 · 具体条目入口

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

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

  50. Paginated Card Carousel

    动效参考 · 具体条目入口

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

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

  51. Synced Accordion Feature Preview

    动效参考 · 具体条目入口

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

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

  52. Pricing Comparison Table

    动效参考 · 具体条目入口

    相关词：按钮、表格、数据表格、定价、价格、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

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

  53. Hover Reveal Blog Card Grid

    动效参考 · 具体条目入口

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

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

  54. Terminal Counter Preloader

    动效参考 · 具体条目入口

    相关词：表单、进度条、光标、鼠标、指针、滚动、揭示、出现、入场、AI、人工智能、终端

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

  55. Portfolio Interactive List

    动效参考 · 具体条目入口

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

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

  56. Slide Over Curtain Menu

    动效参考 · 具体条目入口

    相关词：菜单、导航、表单、光标、鼠标、指针、揭示、出现、入场、模糊、动画、动效

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

  57. Funnel Stepper Cards

    动效参考 · 具体条目入口

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

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

  58. Staggered Team Grid Scroll

    动效参考 · 具体条目入口

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

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

  59. Ambient Glow Card Grid

    动效参考 · 具体条目入口

    相关词：卡片、网格、悬停、鼠标悬停、发光、光晕、渐变、光标、鼠标、指针、揭示、出现

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

  60. Flim Expandable Accordion

    动效参考 · 具体条目入口

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

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

  61. Search Animation

    动效参考 · 具体条目入口

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

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

  62. Isometric Floating Hero

    动效参考 · 具体条目入口

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

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

  63. Color Coded Feature Card Grid

    动效参考 · 具体条目入口

    相关词：按钮、卡片、网格、悬停、鼠标悬停、背景、光标、鼠标、指针、动画、动效、图片

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

  64. Segmented Tab Grid Switch

    动效参考 · 具体条目入口

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

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

  65. Continuous Logo Marquee

    动效参考 · 具体条目入口

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

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

  66. Segmented Slide Showcase

    动效参考 · 具体条目入口

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

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

  67. Multi Row Logo Marquee

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、渐变、光标、鼠标、指针、滚动、淡入、淡出、AI、人工智能

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

  68. Vertical Accordion Feature Showcase

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、卡片、列表、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、动画

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

  69. Loom Faq Accordion

    动效参考 · 具体条目入口

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

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

  70. Smooth Accordion

    动效参考 · 具体条目入口

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

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

  71. Dropdown Nav Menu

    动效参考 · 具体条目入口

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

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

  72. Arc Cta Pill Button

    动效参考 · 具体条目入口

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

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

  73. Pill Hover Glow Button

    动效参考 · 具体条目入口

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

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

  74. Hero Cta Button

    动效参考 · 具体条目入口

    相关词：按钮、首屏、主视觉、悬停、鼠标悬停、背景、光标、鼠标、指针、动画、动效、AI

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

  75. Floating Pill Nav

    动效参考 · 具体条目入口

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

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

  76. Hero Ambient Badge

    动效参考 · 具体条目入口

    相关词：按钮、徽章、状态标签、首屏、主视觉、粒子、光标、鼠标、指针、三维、3D、AI

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

  77. Infinite Isometric Marquee

    动效参考 · 具体条目入口

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

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

  78. Glow Pill Button

    动效参考 · 具体条目入口

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

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

  79. Interactive Article Card Grid

    动效参考 · 具体条目入口

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

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

  80. Spotlight Stat Card Grid

    动效参考 · 具体条目入口

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

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