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

交互动效

Ripplix

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Sticky Feature Stack

    动效参考 · 具体条目入口

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

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

  2. Logo Cloud Hover Reveal

    动效参考 · 具体条目入口

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

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

  3. Interactive Feature Card Grid

    动效参考 · 具体条目入口

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

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

  4. Glowing Cta Button

    动效参考 · 具体条目入口

    相关词：按钮、首屏、主视觉、悬停、鼠标悬停、发光、光晕、渐变、光标、鼠标、指针、AI

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

  5. Mega Menu Blur Overlay

    动效参考 · 具体条目入口

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

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

  6. Pricing Tier Cards

    动效参考 · 具体条目入口

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

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

  7. Resource Card Grid

    动效参考 · 具体条目入口

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

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

  8. Theme Toggle Surface

    动效参考 · 具体条目入口

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

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

  9. Scroll Text Focus Reader

    动效参考 · 具体条目入口

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

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

  10. Live Doc Showcase

    动效参考 · 具体条目入口

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

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

  11. Tabbed Testimonial Card

    动效参考 · 具体条目入口

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

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

  12. Claim Url Input

    动效参考 · 具体条目入口

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

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

  13. Ascii Footer Cta Card

    动效参考 · 具体条目入口

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

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

  14. Integration Cloud Grid

    动效参考 · 具体条目入口

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

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

  15. Scroll Highlight Statement

    动效参考 · 具体条目入口

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

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

  16. Badge Spotlight Marquee

    动效参考 · 具体条目入口

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

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

  17. Value Prop Feature Grid

    动效参考 · 具体条目入口

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

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

  18. Polygon Feature Hub

    动效参考 · 具体条目入口

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

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

  19. Vertical Feature Showcase

    动效参考 · 具体条目入口

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

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

  20. Hero Floating Badges

    动效参考 · 具体条目入口

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

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

  21. Pill Accordion Faq

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、常见问题、光标、鼠标、指针、揭示、出现、入场、文字、文本、动画

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

  22. Framed Scroll Deck

    动效参考 · 具体条目入口

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

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

  23. Growth Stage Tier Selector

    动效参考 · 具体条目入口

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

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

  24. Scroll Reveal Split Feature

    动效参考 · 具体条目入口

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

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

  25. Tabbed Feature Showcase

    动效参考 · 具体条目入口

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

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

  26. Floating Isometric Stats Card

    动效参考 · 具体条目入口

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

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

  27. Hero Stagger Entrance

    动效参考 · 具体条目入口

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

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

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

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

  28. Hero Cta Hover Badge

    动效参考 · 具体条目入口

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

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

  29. Ascii Matrix Hero

    动效参考 · 具体条目入口

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

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

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

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

  30. Ambient Scatter Badge Field

    动效参考 · 具体条目入口

    相关词：按钮、徽章、状态标签、悬停、鼠标悬停、光标、鼠标、指针、揭示、出现、入场、动画

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

  31. Partner Card Grid

    动效参考 · 具体条目入口

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

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

  32. Category Pill Showcase

    动效参考 · 具体条目入口

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

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

  33. Scroll Morph Navbar

    动效参考 · 具体条目入口

    相关词：导航、导航栏、程序坞、徽章、状态标签、首屏、主视觉、光标、鼠标、指针、滚动、动画

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

  34. Segmented Card Carousel

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、滑块、滑杆、标签页、选项卡、分页、卡片、光标、鼠标、指针、文字

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

  35. Dot Matrix Partner Grid

    动效参考 · 具体条目入口

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

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

  36. Community Metric Cards

    动效参考 · 具体条目入口

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

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

  37. Continuous Media Marquee

    动效参考 · 具体条目入口

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

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

  38. Scroll Token Gravity Drop

    动效参考 · 具体条目入口

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

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

  39. Parallax Mockup Showcase

    动效参考 · 具体条目入口

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

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

  40. Interactive Halftone Hero

    动效参考 · 具体条目入口

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

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

  41. Floating Content Pin

    动效参考 · 具体条目入口

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

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

  42. Scroll Perspective Grid Morph

    动效参考 · 具体条目入口

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

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

  43. Infinite Logo Marquee

    动效参考 · 具体条目入口

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

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

  44. Expanding Social Capsule

    动效参考 · 具体条目入口

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

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

  45. Cycling Highlight Grid

    动效参考 · 具体条目入口

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

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

  46. Workflow Pipeline Diagram

    动效参考 · 具体条目入口

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

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

  47. Scroll Reveal Cta Tray

    动效参考 · 具体条目入口

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

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

  48. Interactive Feature Tabs

    动效参考 · 具体条目入口

    相关词：手风琴、折叠面板、选择器、下拉选择、标签页、选项卡、卡片、悬停、鼠标悬停、光标、鼠标、指针

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

  49. Scroll Portal Hero Transition

    动效参考 · 具体条目入口

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

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

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

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

  50. Button Animation

    动效参考 · 具体条目入口

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

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

  51. Voice Recording Pill

    动效参考 · 具体条目入口

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

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

  52. Metric Cards Strip

    动效参考 · 具体条目入口

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

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

  53. Floating Orb Scenic Hero

    动效参考 · 具体条目入口

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

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

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

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

  54. Audio Equalizer Hero

    动效参考 · 具体条目入口

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

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

  55. Phone Comparison Slider

    动效参考 · 具体条目入口

    相关词：滑块、滑杆、列表、光标、鼠标、指针、AI、人工智能

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

  56. Image Reveal Cta Button

    动效参考 · 具体条目入口

    相关词：按钮、悬停、鼠标悬停、背景、光标、鼠标、指针、揭示、出现、入场、文字、文本

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

  57. Micro Pill Loader

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、徽章、状态标签、加载、加载动画、进度条、背景、光标、鼠标、指针、文字

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

  58. Preloader Hero Reveal

    动效参考 · 具体条目入口

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

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

  59. Continuous Card Marquee

    动效参考 · 具体条目入口

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

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

  60. Sticky Stacked Feature Cards

    动效参考 · 具体条目入口

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

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

  61. Interactive Feature Tabs

    动效参考 · 具体条目入口

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

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

  62. Outlined Hover Button

    动效参考 · 具体条目入口

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

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

  63. Interactive Preview Tabs

    动效参考 · 具体条目入口

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

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

  64. Billing Toggle Pricing Cards

    动效参考 · 具体条目入口

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

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

  65. Dual Mode Interactive Showcase

    动效参考 · 具体条目入口

    相关词：选择器、下拉选择、标签页、选项卡、悬停、鼠标悬停、光标、鼠标、指针、文字、文本、动画

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

  66. Resource Card Grid

    动效参考 · 具体条目入口

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

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

  67. Curved Feature Scroll Showcase

    动效参考 · 具体条目入口

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

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

  68. Hero Interactive Showcase

    动效参考 · 具体条目入口

    相关词：轮播、轮播图、徽章、状态标签、首屏、主视觉、光标、鼠标、指针、动画、动效、AI

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

  69. Hero Cta Pair

    动效参考 · 具体条目入口

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

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

  70. Feature Pill Ticker

    动效参考 · 具体条目入口

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

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

  71. Animated Accordion Faq

    动效参考 · 具体条目入口

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

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

  72. Device Hero Card Fanout

    动效参考 · 具体条目入口

    相关词：卡片、首屏、主视觉、进度条、背景、光标、鼠标、指针、滚动、动画、动效、AI

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

  73. Hover Accordion Features

    动效参考 · 具体条目入口

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

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

  74. Footer Nav Pill Highlight

    动效参考 · 具体条目入口

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

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

  75. Interactive Marquee Cta

    动效参考 · 具体条目入口

    相关词：跑马灯、轮播、滚动列表、按钮、徽章、状态标签、悬停、鼠标悬停、光标、鼠标、指针、文字

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

  76. Scroll Feature Tabs

    动效参考 · 具体条目入口

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

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

  77. Dual Column Floating Showcase

    动效参考 · 具体条目入口

    相关词：卡片、首屏、主视觉、功能区、光标、鼠标、指针、交错、逐个出现、动画、动效、AI

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

  78. Pinned Narrative Callouts

    动效参考 · 具体条目入口

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

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

  79. Morphing Nav Dropdown

    动效参考 · 具体条目入口

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

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

  80. Tilt Lift Card Grid

    动效参考 · 具体条目入口

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

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