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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Pill Cta Button

    动效参考 · 具体条目入口

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

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

  2. Nav Flyout Dropdown

    动效参考 · 具体条目入口

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

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

  3. Continuous Stat Marquee

    动效参考 · 具体条目入口

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

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

  4. Curved Text Path Marquee

    动效参考 · 具体条目入口

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

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

  5. Svg Curved Page Reveal

    动效参考 · 具体条目入口

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

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

  6. Ecg Page Transition Loader

    动效参考 · 具体条目入口

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

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

  7. Tabbed Template Grid

    动效参考 · 具体条目入口

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

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

  8. Tilted Testimonial Marquee

    动效参考 · 具体条目入口

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

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

  9. Flip 3D Badge

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、悬停、鼠标悬停、光标、鼠标、指针、翻转、三维、3D、AI、人工智能

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

  10. Technical Accordion Showcase

    动效参考 · 具体条目入口

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

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

  11. Testimonial Slider Focus

    动效参考 · 具体条目入口

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

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

  12. Inline Marquee Prose

    动效参考 · 具体条目入口

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

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

  13. Article Grid Cursor Badge

    动效参考 · 具体条目入口

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

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

  14. Scroll Narrative Timeline

    动效参考 · 具体条目入口

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

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

  15. Career Role Card Grid

    动效参考 · 具体条目入口

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

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

  16. Typewriter Headline Rotator

    动效参考 · 具体条目入口

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

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

  17. Draggable Card Board Reactions

    动效参考 · 具体条目入口

    相关词：卡片、表单、用户评价、粒子、光标、鼠标、指针、动画、动效、拖拽、拖动、AI

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

  18. Interactive Feature Card Grid

    动效参考 · 具体条目入口

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

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

  19. Episode Card Spin

    动效参考 · 具体条目入口

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

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

  20. Svg Draw Hero Accent

    动效参考 · 具体条目入口

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

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

  21. Centered Case Study Carousel

    动效参考 · 具体条目入口

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

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

  22. Resource Card Hover Trio

    动效参考 · 具体条目入口

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

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

  23. Ambient Glow Pill Cta

    动效参考 · 具体条目入口

    相关词：按钮、悬停、鼠标悬停、发光、光晕、背景、光标、鼠标、指针、动画、动效、AI

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

  24. Floating Nav Dropdown

    动效参考 · 具体条目入口

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

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

  25. Vertical Rail Step Showcase

    动效参考 · 具体条目入口

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

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

  26. Hero Drawing Ribbon

    动效参考 · 具体条目入口

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

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

  27. Hover Reveal Feature Grid

    动效参考 · 具体条目入口

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

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

  28. Sequential Step Card Reveal

    动效参考 · 具体条目入口

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

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

  29. Sliding Pill Button Group

    动效参考 · 具体条目入口

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

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

  30. Pricing Card Zoom Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、卡片、网格、定价、价格、光标、鼠标、指针、AI、人工智能

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

  31. Audit Report List

    动效参考 · 具体条目入口

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

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

  32. Navbar Profile Menu Dropdown

    动效参考 · 具体条目入口

    相关词：菜单、下拉菜单、导航栏、卡片、光标、鼠标、指针、动画、动效、AI、人工智能、用户

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

  33. Hero Prompt Badge Cycler

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、徽章、状态标签、首屏、主视觉、光标、鼠标、指针、淡入、淡出、模糊

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

  34. Button Animation

    动效参考 · 具体条目入口

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

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

  35. Timeline Milestone Carousel

    动效参考 · 具体条目入口

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

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

  36. Sliding Pill Tabs

    动效参考 · 具体条目入口

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

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

  37. Feature Card Carousel

    动效参考 · 具体条目入口

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

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

  38. Expandable Metrics Cta Banner

    动效参考 · 具体条目入口

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

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

  39. Kinetic Typography Badges

    动效参考 · 具体条目入口

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

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

  40. Tabbed Horizontal Bar Breakdown

    动效参考 · 具体条目入口

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

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

  41. Pricing Tier Cards

    动效参考 · 具体条目入口

    相关词：按钮、表格、数据表格、卡片、定价、价格、悬停、鼠标悬停、光标、鼠标、指针、AI

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

  42. Feature Card Grid

    动效参考 · 具体条目入口

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

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

  43. Perspective Grid Testimonial Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、卡片、网格、用户评价、光标、鼠标、指针、三维、3D、AI、人工智能

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

  44. Centered Peek Carousel

    动效参考 · 具体条目入口

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

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

  45. Infinite Testimonial Marquee

    动效参考 · 具体条目入口

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

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

  46. Interactive Accordion Group

    动效参考 · 具体条目入口

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

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

  47. Inverted Hover Card Grid

    动效参考 · 具体条目入口

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

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

  48. Isometric Card Reel

    动效参考 · 具体条目入口

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

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

  49. Dot Matrix Hero Card

    动效参考 · 具体条目入口

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

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

  50. Cycling Callout Cta

    动效参考 · 具体条目入口

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

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

  51. Interactive Chart Grid

    动效参考 · 具体条目入口

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

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

  52. Filterable Blog Grid

    动效参考 · 具体条目入口

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

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

  53. Perspective Card Carousel

    动效参考 · 具体条目入口

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

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

  54. Interactive Slot Matrix

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、翻转、动画、动效

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

  55. Interactive Tabbed Case Study

    动效参考 · 具体条目入口

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

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

  56. Saas Cta Banner

    动效参考 · 具体条目入口

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

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

  57. Infinite Logo Marquee

    动效参考 · 具体条目入口

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

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

  58. Tabbed Topic Article Grid

    动效参考 · 具体条目入口

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

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

  59. Pill Action Button Hover

    动效参考 · 具体条目入口

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

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

  60. Interactive Feature Accordion

    动效参考 · 具体条目入口

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

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

  61. Morphing Mega Menu

    动效参考 · 具体条目入口

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

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

  62. Scroll Animation

    动效参考 · 具体条目入口

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

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

  63. Sticky Step Scroll Preview

    动效参考 · 具体条目入口

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

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

  64. Hero Cta Button Group

    动效参考 · 具体条目入口

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

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

  65. Luminous Waitlist Input

    动效参考 · 具体条目入口

    相关词：按钮、输入框、列表、悬停、鼠标悬停、发光、光晕、渐变、光标、鼠标、指针、AI

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

  66. Infinite Cassette Marquee

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、导航、徽章、状态标签、卡片、悬停、鼠标悬停、光标、鼠标、指针

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

  67. Filterable Tabs Grid

    动效参考 · 具体条目入口

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

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

  68. Flanking Ambient Streams

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、按钮、首屏、主视觉、光标、鼠标、指针、AI、人工智能

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

  69. Vertical Feature Tabs

    动效参考 · 具体条目入口

    相关词：标签页、选项卡、导航、卡片、光标、鼠标、指针、文字、文本、动画、动效、AI

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

  70. Interactive Action Row

    动效参考 · 具体条目入口

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

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

  71. Segmented Pricing Toggle Grid

    动效参考 · 具体条目入口

    相关词：开关、切换、卡片、网格、定价、价格、背景、光标、鼠标、指针、AI、人工智能

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

  72. Page View Transition

    动效参考 · 具体条目入口

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

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

  73. Full Width Megamenu Dropdown

    动效参考 · 具体条目入口

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

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

  74. Layered Card Tab Spotlight

    动效参考 · 具体条目入口

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

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

  75. Reactive Cross Grid Hero

    动效参考 · 具体条目入口

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

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

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

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

  76. Navbar Hover Pill Button

    动效参考 · 具体条目入口

    相关词：按钮、导航、导航栏、悬停、鼠标悬停、背景、光标、鼠标、指针、文字、文本、AI

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

  77. Pricing Tier Cards Billing Toggle

    动效参考 · 具体条目入口

    相关词：切换、开关、卡片、定价、价格、光标、鼠标、指针、动画、动效、AI、人工智能

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

  78. Draggable Pricing Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、开关、切换、卡片、定价、价格、光标、鼠标、指针、动画、动效

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

  79. Newsletter Pattern Cta

    动效参考 · 具体条目入口

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

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

  80. Scroll Pinned Hero Sequence

    动效参考 · 具体条目入口

    相关词：首屏、主视觉、进度条、光标、鼠标、指针、滚动、文字、文本、AI、人工智能

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