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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. List Animation

    动效参考 · 具体条目入口

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

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

  2. Pixel Mosaic Page Transition

    动效参考 · 具体条目入口

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

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

  3. Sliding Nav Indicator

    动效参考 · 具体条目入口

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

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

  4. Pricing Tier Cta Grid

    动效参考 · 具体条目入口

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

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

  5. Isometric Layer Stack

    动效参考 · 具体条目入口

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

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

  6. Angled Card Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、卡片、用户评价、光标、鼠标、指针、拖拽、拖动、视频、AI、人工智能

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

  7. Avatar Bubble Grid Tooltip

    动效参考 · 具体条目入口

    相关词：提示、气泡、工具提示、环形、圆形、头像、卡片、网格、悬停、鼠标悬停、光标、鼠标

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

  8. Floating Dock Tab Showcase

    动效参考 · 具体条目入口

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

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

  9. Concentric Orbit Hero

    动效参考 · 具体条目入口

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

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

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

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

  10. Testimonial Carousel Slider

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、环形、圆形、滑块、滑杆、导航、卡片、用户评价、光标、鼠标、指针

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

  11. Floating Pill Nav Dropdown

    动效参考 · 具体条目入口

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

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

  12. Morph Animation

    动效参考 · 具体条目入口

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

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

  13. Staggered Feature Checklist Card

    动效参考 · 具体条目入口

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

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

  14. Alternating Feature Grid Showcase

    动效参考 · 具体条目入口

    相关词：网格、首屏、主视觉、光标、鼠标、指针、滚动、文字、文本、动画、动效、AI

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

  15. Neo Brutalist Blog Card Grid

    动效参考 · 具体条目入口

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

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

  16. Perforated Card Carousel

    动效参考 · 具体条目入口

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

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

  17. Promo Callout Card

    动效参考 · 具体条目入口

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

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

  18. Offset Grid Logo Marquee

    动效参考 · 具体条目入口

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

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

  19. Brutalist Split Action Button

    动效参考 · 具体条目入口

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

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

  20. Ecosystem Card Carousel

    动效参考 · 具体条目入口

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

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

  21. Bento Feature Showcase

    动效参考 · 具体条目入口

    相关词：卡片、模块化布局、格子、网格、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

    已核验画面：Bento 功能网格、浅色、简洁留白 · 2026-10-14

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

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

  22. Feature Card Trio Grid

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、卡片、网格、光标、鼠标、指针、文字、文本、动画、动效、AI

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

  23. Sticky Stacked Feature Cards

    动效参考 · 具体条目入口

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

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

  24. Hover Expand Accordion

    动效参考 · 具体条目入口

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

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

  25. Tabbed Feature Showcase

    动效参考 · 具体条目入口

    相关词：标签页、选项卡、卡片、背景、光标、鼠标、指针、淡入、淡出、AI、人工智能

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

  26. Rolling Odometer Card

    动效参考 · 具体条目入口

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

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

  27. Sliding Corner Menu

    动效参考 · 具体条目入口

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

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

  28. Auto Advancing Stat Tabs

    动效参考 · 具体条目入口

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

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

  29. Sticky Pricing Matrix

    动效参考 · 具体条目入口

    相关词：按钮、网格、定价、价格、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、AI

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

  30. Pricing Interval Toggle Cards

    动效参考 · 具体条目入口

    相关词：切换、开关、卡片、定价、价格、光标、鼠标、指针、文字、文本、动画、动效

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

  31. Segmented Pill Tabs

    动效参考 · 具体条目入口

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

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

  32. Carousel Animation

    动效参考 · 具体条目入口

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

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

  33. Metric Counter Grid

    动效参考 · 具体条目入口

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

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

  34. Sticky Pricing Comparison Table

    动效参考 · 具体条目入口

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

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

  35. Vertical Grid Marquee

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、按钮、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、滚动

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

  36. Stacked Testimonial Deck

    动效参考 · 具体条目入口

    相关词：抽屉、轮播、轮播图、标签页、选项卡、导航、卡片、用户评价、光标、鼠标、指针、AI

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

  37. Infinite Logo Marquee

    动效参考 · 具体条目入口

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

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

  38. Navbar Cta Button

    动效参考 · 具体条目入口

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

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

  39. Alternating Marquee Ribbon Stack

    动效参考 · 具体条目入口

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

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

  40. Floating Ambient Particles

    动效参考 · 具体条目入口

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

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

  41. Segmented Faq Accordion

    动效参考 · 具体条目入口

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

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

  42. Animated Nav Dropdown

    动效参考 · 具体条目入口

    相关词：菜单、下拉菜单、导航、悬停、鼠标悬停、光标、鼠标、指针、淡入、淡出、动画、动效

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

  43. Infinite Stats Marquee

    动效参考 · 具体条目入口

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

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

  44. Notched Stack Card Reveal

    动效参考 · 具体条目入口

    相关词：图表、卡片、光标、鼠标、指针、滚动、揭示、出现、入场、动画、动效、AI

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

  45. Hero Email Cta

    动效参考 · 具体条目入口

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

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

  46. Sticky Feature Scroll List

    动效参考 · 具体条目入口

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

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

  47. Step Process Showcase

    动效参考 · 具体条目入口

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

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

  48. Staggered Page Reveal

    动效参考 · 具体条目入口

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

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

  49. Omnichain Feature Card Reveal

    动效参考 · 具体条目入口

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

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

  50. Pill Nav Header

    动效参考 · 具体条目入口

    相关词：菜单、下拉菜单、导航、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、三维、3D

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

  51. Infinite Stat Ticker

    动效参考 · 具体条目入口

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

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

  52. Hero Feature Badge Showcase

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、徽章、状态标签、网格、首屏、主视觉、光标、鼠标、指针、AI、人工智能

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

  53. Infinite Strip Cta Banner

    动效参考 · 具体条目入口

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

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

  54. Split Hover Cards

    动效参考 · 具体条目入口

    相关词：按钮、卡片、首屏、主视觉、悬停、鼠标悬停、背景、光标、鼠标、指针、揭示、出现

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

  55. Centered Card Carousel

    动效参考 · 具体条目入口

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

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

  56. Collaborative Preview Carousel

    动效参考 · 具体条目入口

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

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

  57. Category Video Hub Grid

    动效参考 · 具体条目入口

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

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

  58. Orbital Glow Dial Cta

    动效参考 · 具体条目入口

    相关词：环形、圆形、按钮、悬停、鼠标悬停、发光、光晕、光束、光标、鼠标、指针、动画

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

  59. Feature Card Reveal

    动效参考 · 具体条目入口

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

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

  60. Feature Card Scroll Deck

    动效参考 · 具体条目入口

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

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

  61. Hero Slider Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、滑块、滑杆、导航、分页、首屏、主视觉、光标、鼠标、指针、动画

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

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

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

  62. Cta Action Card Group

    动效参考 · 具体条目入口

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

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

  63. Progressive Area Milestone Chart

    动效参考 · 具体条目入口

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

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

  64. Collaborative Spreadsheet Showcase

    动效参考 · 具体条目入口

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

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

  65. Sticky Feature Crossfade

    动效参考 · 具体条目入口

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

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

  66. Hero Floating Card Lifter

    动效参考 · 具体条目入口

    相关词：程序坞、导航、卡片、首屏、主视觉、发光、光晕、光标、鼠标、指针、淡入、淡出

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

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

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

  67. Arrow Cta Button

    动效参考 · 具体条目入口

    相关词：按钮、首屏、主视觉、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、动画、动效

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

  68. Dual View Glow Card Crossfade

    动效参考 · 具体条目入口

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

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

  69. Interactive Service Grid

    动效参考 · 具体条目入口

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

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

  70. Dual Feature Card Showcase

    动效参考 · 具体条目入口

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

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

  71. Interactive Pill Button

    动效参考 · 具体条目入口

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

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

  72. Alternating Logo Marquee Wall

    动效参考 · 具体条目入口

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

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

  73. Navbar Pill Cta

    动效参考 · 具体条目入口

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

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

  74. Scroll Highlight Phrase Reveal

    动效参考 · 具体条目入口

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

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

  75. Footer Nav Columns

    动效参考 · 具体条目入口

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

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

  76. Nav Mega Dropdown Menu

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、菜单、下拉菜单、导航、导航栏、光标、鼠标、指针、动画、动效、AI

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

  77. Bidirectional Logo Ticker

    动效参考 · 具体条目入口

    相关词：卡片、渐变、光标、鼠标、指针、滚动、AI、人工智能、线性、图标

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

  78. Dual Direction Badge Marquee

    动效参考 · 具体条目入口

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

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

  79. Badge Animation

    动效参考 · 具体条目入口

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

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

  80. Morphing Navigation Menu

    动效参考 · 具体条目入口

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

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