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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Badge Animation

    动效参考 · 具体条目入口

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

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

  2. Live Beacon Radar Counter

    动效参考 · 具体条目入口

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

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

  3. Fanned Hero Deck

    动效参考 · 具体条目入口

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

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

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

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

  4. Scatter Testimonial Cards

    动效参考 · 具体条目入口

    相关词：卡片、用户评价、悬停、鼠标悬停、光标、鼠标、指针、AI、人工智能

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

  5. Animated Metrics Grid

    动效参考 · 具体条目入口

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

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

  6. Reveal Animation

    动效参考 · 具体条目入口

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

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

  7. Vertical Drum Ticker

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、列表、首屏、主视觉、光标、鼠标、指针、文字、文本、三维、3D

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

  8. Bento Hover Reveal Grid

    动效参考 · 具体条目入口

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

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

  9. Proportional Pill Treemap

    动效参考 · 具体条目入口

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

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

  10. Magnetic Arrow Pill Button

    动效参考 · 具体条目入口

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

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

  11. Curved Bento Hero Badge

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、模块化布局、格子、卡片、首屏、主视觉、光标、鼠标、指针、动画、动效

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

  12. Staggered Feature Grid

    动效参考 · 具体条目入口

    相关词：卡片、网格、光标、鼠标、指针、滚动、揭示、出现、入场、淡入、淡出、交错

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

  13. Expanding Feature Cards

    动效参考 · 具体条目入口

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

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

  14. Staggered Tilted Stat Cards

    动效参考 · 具体条目入口

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

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

  15. Spherical Badge Marquee

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、徽章、状态标签、光标、鼠标、指针、滚动、三维、3D、AI

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

  16. Expandable Project View

    动效参考 · 具体条目入口

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

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

  17. Studio Intro Loader

    动效参考 · 具体条目入口

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

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

  18. Kinetic Hero Currency Cloud

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、首屏、主视觉、光标、鼠标、指针、AI、人工智能、排版、字体

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

  19. Button Animation

    动效参考 · 具体条目入口

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

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

  20. Rich Nav Dropdown

    动效参考 · 具体条目入口

    相关词：下拉菜单、导航、卡片、列表、悬停、鼠标悬停、光标、鼠标、指针、动画、动效、三维

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

  21. Cycling Word Rotator

    动效参考 · 具体条目入口

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

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

  22. Reactive Spectrum Wave

    动效参考 · 具体条目入口

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

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

  23. Stepped Arch Visual

    动效参考 · 具体条目入口

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

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

  24. Web3 Hero Section

    动效参考 · 具体条目入口

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

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

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

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

  25. Floating Tooltip Logo Grid

    动效参考 · 具体条目入口

    相关词：提示、气泡、工具提示、徽章、状态标签、网格、首屏、主视觉、悬停、鼠标悬停、光标、鼠标

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

  26. Text Gradient Reveal Footer

    动效参考 · 具体条目入口

    相关词：导航、页脚、渐变、光标、鼠标、指针、揭示、出现、入场、文字、文本、动画

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

  27. Bento Feature Showcase

    动效参考 · 具体条目入口

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

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

  28. Store Download Qr Popover

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、按钮、卡片、首屏、主视觉、光标、鼠标、指针、动画、动效、AI

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

  29. Follow Cursor Showcase

    动效参考 · 具体条目入口

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

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

  30. Asymmetric Hover Bento Grid

    动效参考 · 具体条目入口

    相关词：徽章、状态标签、模块化布局、格子、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、AI

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

  31. Vertical Feature Slider

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、滑块、滑杆、图表、卡片、光标、鼠标、指针、文字、文本、动画

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

  32. Ambient Hero Crossfade

    动效参考 · 具体条目入口

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

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

  33. 3D Animation

    动效参考 · 具体条目入口

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

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

  34. Eclipse Glow Portal

    动效参考 · 具体条目入口

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

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

  35. Paginated Testimonial Section

    动效参考 · 具体条目入口

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

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

  36. Logo Cloud Hover Cta

    动效参考 · 具体条目入口

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

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

  37. Converging Hero Card Showcase

    动效参考 · 具体条目入口

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

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

  38. Sticky Split Metric Feed

    动效参考 · 具体条目入口

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

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

  39. Scroll Expanding Footer

    动效参考 · 具体条目入口

    相关词：按钮、页脚、光标、鼠标、指针、滚动、AI、人工智能、用户

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

  40. Auto Cycling Press Grid

    动效参考 · 具体条目入口

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

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

  41. 3D Isometric Card Cycle

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、卡片、首屏、主视觉、光标、鼠标、指针、三维、3D、AI、人工智能

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

  42. Hero App Expand

    动效参考 · 具体条目入口

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

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

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

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

  43. Radiant Glow Button

    动效参考 · 具体条目入口

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

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

  44. Morphing Navigation Menu

    动效参考 · 具体条目入口

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

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

  45. Scramble Text Nav

    动效参考 · 具体条目入口

    相关词：导航、页脚、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、动画、动效、AI

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

  46. Dual Mode Ambient Showcase

    动效参考 · 具体条目入口

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

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

  47. Infinite Text Marquee

    动效参考 · 具体条目入口

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

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

  48. Map Animation

    动效参考 · 具体条目入口

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

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

  49. Theme Mode Stepper

    动效参考 · 具体条目入口

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

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

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

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

  50. Checkered Tunnel Hero

    动效参考 · 具体条目入口

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

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

  51. Scenario Deck Switcher

    动效参考 · 具体条目入口

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

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

  52. Glow Bracket Badge Grid

    动效参考 · 具体条目入口

    相关词：开关、徽章、状态标签、网格、发光、光晕、光标、鼠标、指针、揭示、出现、入场

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

  53. Scroll Expand Hero Card

    动效参考 · 具体条目入口

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

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

  54. Multi Row Infinite Marquee

    动效参考 · 具体条目入口

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

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

  55. Floating Tooltip Feature Grid

    动效参考 · 具体条目入口

    相关词：提示、气泡、工具提示、卡片、网格、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现

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

  56. Dual Action Nav Pills

    动效参考 · 具体条目入口

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

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

  57. Action Popover With Tooltip

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、提示、工具提示、按钮、卡片、悬停、鼠标悬停、光标、鼠标、指针、动画

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

  58. Template Detail Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、按钮、卡片、光标、鼠标、指针、交互、动效、AI、人工智能

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

  59. Conveyor Progress Banner

    动效参考 · 具体条目入口

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

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

  60. Modal Dialog Reveal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、按钮、卡片、光标、鼠标、指针、揭示、出现、入场、淡入

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

  61. Slide Over Side Panel

    动效参考 · 具体条目入口

    相关词：抽屉、按钮、页脚、光标、鼠标、指针、AI、人工智能

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

  62. Tabbed Stat Dashboard

    动效参考 · 具体条目入口

    相关词：标签页、选项卡、导航、进度条、光标、鼠标、指针、动画、动效、AI、人工智能、仪表盘

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

  63. Workflow Activity Card

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、按钮、徽章、状态标签、卡片、进度条、光标、鼠标、指针、动画、动效

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

  64. Multiselect Checkbox Popover

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、按钮、选择器、下拉选择、复选框、多选框、下拉菜单、光标、鼠标、指针、AI

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

  65. Action Dropdown Menu

    动效参考 · 具体条目入口

    相关词：按钮、菜单、下拉菜单、光标、鼠标、指针、AI、人工智能、图标

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

  66. Calendly Time Slot Picker

    动效参考 · 具体条目入口

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

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

  67. Modal Dialog Filter

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、选择器、下拉选择、光标、鼠标、指针、淡入、淡出、动画、动效

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

  68. Chart Hover Tooltip Card

    动效参考 · 具体条目入口

    相关词：提示、气泡、工具提示、图表、折线、线条、徽章、状态标签、卡片、悬停、鼠标悬停、光标

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

  69. Project Creation Wizard

    动效参考 · 具体条目入口

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

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

  70. Inline Task Creator

    动效参考 · 具体条目入口

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

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

  71. Date Preset Popover

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、按钮、菜单、下拉菜单、光标、鼠标、指针、动画、动效、AI、人工智能

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

  72. Segmented Spinner Loader

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、环形、圆形、加载、加载动画、转圈、光标、鼠标、指针、文字

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

  73. Multiselect Checkbox Popover

    动效参考 · 具体条目入口

    相关词：气泡、弹出框、按钮、选择器、下拉选择、复选框、多选框、下拉菜单、光标、鼠标、指针、动画

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

  74. Celebration Reveal Card

    动效参考 · 具体条目入口

    相关词：抽屉、面板、卡片、粒子、光标、鼠标、指针、滚动、揭示、出现、入场、动画

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

  75. Slide Over Navigation Drawer

    动效参考 · 具体条目入口

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

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

  76. Chip Multi Select Grid

    动效参考 · 具体条目入口

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

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

  77. Celebratory Onboarding Modal

    动效参考 · 具体条目入口

    相关词：弹窗、对话框、模态框、按钮、彩纸、庆祝、光标、鼠标、指针、AI、人工智能

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

  78. Onboarding Step Carousel

    动效参考 · 具体条目入口

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

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

  79. Hero Dashboard Showcase

    动效参考 · 具体条目入口

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

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

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

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

  80. Multi Device Onboarding Card

    动效参考 · 具体条目入口

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

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